webpack安装学习

npm init

npm install webpack --save dev

新建文件test.js

打包文件webpack hello.js bundle.js

报错：

ERROR in multi ./hello.js bundle.js Module not found: Error: Can't resolve 'bundle.js' in 'F:\demo\

1报错原因：webpack版本过高（网上搜索资料）

解决方案：webpack hello.js -o bundle.js

2报错原因：没有设置webpack的模式，是生产还是开发（production or development）

解决方案 ：执行命令：webpack --mode=production或者webpack --mode=development

解决完后

test.js中引入css文件两种方式

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

需要安装css-loader style-loader

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

 

2.文件中引入css文件时添加require('./style.css');

npm install css-loader style-loader --save-dev
webpack hello.js bundle.js --module-bind 'css=style-loader!css-loader'

(git bash中执行相当于linux，如在windows下的将单引号换成双引号)