Webpack安装和命令

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/​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。