Webpack安装和命令

1.定位到创建的目录

cd H:\webpacktest

2.初始化：

npm init

3.一路回车

4.执行（安装到项目的依赖项中）

npm install webpack --save-dev

　　注意：文件夹千万不要命名为webpack

如果报这个错误：

执行删除命令：重新安装

npm remove npm

　　重新命名文件夹：webpacktest

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

安装到全局环境的命令：

npm install webpack -g

　只有安装到全局变量中才能执行编译命令

打包命令：

webpack entry.js bundle.js

　　打包成功显示的内容：

打包文件夹中的内容：

打包css文件报错：

安装css-loader

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

引入css的语法：

require('css-loader!./style.css')

引入style的语法：

require('style-loader!css-loader!./style.css')

直接在命令行中绑定：

webpack hello.js bundle.js --module-bind 'css=style-loader!css-loader'

自动打包参数：

webpack hello.js bundle.js --watch

查看打包的过程：

webpack hello.js bundle.js --progress --display-modules

在package.json中添加：

 "webpack":"webpack --config webpack.config.js --progress --display-modules --colors --display-reason"

　运行

npm run webpack

中文文档：

https://doc.webpack-china.org/configuration/