webpack打包小试

webpack

---

1、命令行初始化：package.json文件

npm init -y

2、新建一个配置：webpack.config.js

module.exports = {
    entry: './app.js',
    output: {
        path: __dirname,
        filename: 'bundle.js'
    }
};

3、新建一个app.js
4、安装webpack

npm i -D webpack

5、在package.json文件中加一个脚本

{
 ……
  "scripts": {
    ……,
    "dev": "webpack"
  },
 ……
}

6、运行webpack

npm run dev

注意：
4.0时代需要安装webpack-cli

npm i -D webpack-cli

警告：mode
添加：（在webpack.config.js中）

module.exports = {
   ……
    ,
    mode:'development'
};

提示：使用3.0版本：

npm i -D webpack@3