为了账号安全,请及时绑定邮箱和手机立即绑定

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
现在可以用html-webpack-inline-source-plugin插件了,很方便。
只需要加一句:inlineSource: '.(js|css)$' 匹配用的是正则。
具体的可以去github看:https://github.com/DustinJackson/html-webpack-inline-source-plugin

最赞回答 / darkwing_
单词拼写错误了吧,比如。。reasons
windows的用户注意了!运行以下代码要将单引号变为双引号才可以通过编译。这狗币老师不提醒!

webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader "
感谢老师,受益很大!

最新回答 / 慕勒6543239
将webpack安装到devDependencies中即可: npm install webpack@1.13.2 --save-dev
在exclude属性后面应该跟正则/node_modules/, 不用加引号不是字符串,这样才能真正匹配,用dirname+的形式也是不行的。我试了一下,不用的话是6秒多,加上exclude只有1秒多了

最赞回答 / 加油加油加油哦
<...图片...>你试试,我用的webpack2.0,这样写可以,亲测有效
我编译后 尾部是这样的?

/******/ ([
/* 0 */
/***/ (function(module, exports) {

throw new Error(&quot;Module parse failed: C:\\xampp\\htdocs\\webPack\\hello.js Unexpected token (1:9)\nYou may need an appropriate loader to handle this file type.\n| function (str){\r\n| \talert(str)\r\n| }&quot;);

/***/ })
/******/ ]);
老师很负责,讲的也很好,很受用
https://github.com/manlili/webpack_learn

最赞回答 / 未成年面饼
const App = function(layer) {  var dom = document.getElementById('app');   var layer = new layer();  dom.innerHTML = layer.tpl;}new App(layer);传参数后可以 你试试看
在最小的2.6.1版本中要这样,才不会报错
module.exports = {
//入口文件
entry : {
main: &quot;./src/script/main.js&quot;,
a: &quot;./src/script/a.js&quot;
},
//指定打包后的文件存放位置
output: {
//路径+文件名

filename: &#039;./dist/js/[Hash]-[name].js&#039;
}
}
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消