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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
通过查官方文档需这样写
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['env']
}
}
]
},
厉害!学习了!

最新回答 / 慕粉4248338
css预处理(less,sass)已经解决了import的行为,所以不需要importLoader了
谢谢老师,希望老师早点更新webpack下,希望多讲点vue+webpack开发相关的内容
webpack 3.0以上版本 报Cannot set property 'innerHTML' of null 错误的话 可以在 index.html中的 <div id="app"></div> 外层加一层div 即
<div>
<div id="app"></div>
</div>
path.resolve()的第二个参数是"/src"的话,es6没有转换成功.....
output.path 必须为项目或硬盘的绝对路径
一入编程深似海,越学越感觉自己的差距,同时也感觉自己的生活更加有奔头。静下心来,好好学习,感谢老师的无私奉献
在babel转换时,排除某些文件用到,exclude:/node_modules/,这样写确实会快,看到网友的评论发现的,用到正则匹配
因为当初安装webpack时加了-g,是全局安装,所以在加入html-webpack-plugin插件后运行npm run webpack报错,解决办法只需要在项目目录下,运行npm install webpack即可,好简单
在package.json文件里配置脚本时要注意modules和reasons的两个单词不要少了s
想了解vue脚手架和webpack结合的相关内容。。。
webpack 3.0以上的是改了 吧 不同的是
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: (loader) => [
require('postcss-import')({ root: loader.resourcePath }),
require('postcss-cssnext')(),
require('autoprefixer')(),
require('cssnano')()
]
}
}
GG 16分钟 这段 有点懵懵哒 ~~
Webpack 下已经上了实战课了,同学们感兴趣的可以去学习了~这次是用最新的版本webpack 3.10.0 ,也会介绍最新的webpack 4.0 https://coding.imooc.com/class/171.html
在 webpack 3.10中filename好像都是 使用 绝对路径去写的 哦 这点好像没有像老师 说的 path 相对路径~~
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消