Webpack

https://www.imooc.com/video/14185

1. 安装

npm init

npm install webpack --save-dev

安装webpack遇到的一个问题.

webpack 4X 后需要安装webpack-cli 请注意需要安装在同一目录

npm install --save-dev webpack -g

输入以上命令后: webpack -v 提示:

The CLI moved into a separate package: webpack-cli

Would you like to install webpack-cli? (That will run npm install -D webpack-cli) (yes/NO)NO

It needs to be installed alongside webpack to use the CLI

这里提示安装 webpack-cli// 是因为到了webpack4, webpack 已经将 webpack 命令行相关的内容都迁移到 webpack-cli，所以除了 webpack 外，我们还需要安装 webpack-cli：

//因为上面的webpack是全局安装的,因此这里我们安装weback-cli也是需要全局安装的!

npm install --save-dev webpack-cli -g

2.压缩js

webpack ./hello.js -o hello.bundle.js --mode development

3.压缩css

npm install css-loader style-loader --save-dev

webpack ./hello.js -o hello.bundle.js --mode development --module-bind "css=style-loader!css-loader"

4.实时监控代码变化

webpack ./hello.js -o hello.bundle.js --mode development --module-bind "css=style-loader!css-loader" --watch