webpack 知识点

安装 webpack

npm install -g webpack

npm install -g [email protected]

初始化项目

npm init -y

npm install --save -dev [email protected]              参数--save-dev的含义是代表把你的安装包信息写入package.json文件的devDependencies字段中，包安装在指定项目的node_modules文件夹下

webpack js中自带模块化

D:\WebstormProjects\webpack1>webpack src/app.js dist/bundle.js     入口文件   出口文件

或者配置webpack.config.js

const path = require('path');

module.exports = {
    entry: './src/app.js',
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    }
};

在package.json 中配置  代替   webpack命令

"scripts": {
  "built":"webpack"
},

npm run built