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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
iterm 前面的小苹果是怎么弄的呢??

已采纳回答 / 慕粉2208572886
可以使用全局安装:npm install webpack -g这样安装一次就可以了。

讲师回答 / qbaty
是的,减少了http请求,一个http请求就是一个网络开销
windows 下的配置

module.exports = {
entry: "./src/script/main.js",
output: {
path: __dirname+"/dist/js",
filename: "bundle.js"
}
};
html-loader 好像要跟html-webpack-plugin要冲突,配置html-loader的时候最好指定include,不然应该会报错。我的运行环境是webpack3.6,"html-loader": "^0.5.1","html-webpack-plugin": "^2.30.1"。
吐槽版本的,先就安装一下1的,后面再去升级用法,原理能变?
感谢老师,讲的太好了
npm install webpack -g,全局安装就不会报webpack不是命令的错了

最新回答 / 慕雪芸茗
这位同学,,import是CommonJs里面引用模块的方法,@import是CSS中引入其他css文件的方法。
webpack + vue2.x + es6 的完整项目 有么?
一晚看完了所有,过了梗概,webpack果然名不虚传呀,大开眼界
module.exports = {
entry: path.join(__dirname, './src/js/main.js'), // 指定打包的JS入口文件
output: { // 打包好的输出
path: path.join(__dirname, './dist'),
filename: 'bundle.js'
},
module: { // 所有第三方loader配置节点
rules: [
{ test: /\.css$/, use: ['style-loader', 'css-loader'] },
]
}
}
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消