首页 > Web开发 > 详细

webpack安装学习

时间:2019-03-12 21:45:55      阅读:163      评论:0      收藏:0      [点我收藏+]

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下的将单引号换成双引号)

 

webpack安装学习

原文:https://www.cnblogs.com/sunhuinaxixi/p/10519801.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!