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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
老师讲的很好 ,但是这到底怎么用....
ERROR in ./src/components/layer/layer.html
Module parse failed: D:\project\pc-test\src\components\layer\layer.html Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
| <div class="layer">
| <div>this is a layer</div>
| </div>
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'
出现此问题是因为你 全装安装了webpack导致 只需要在本项目安装一次webpack就可以了
npm install webpack
快赞我上去让别人看到
经过测试:
include: path.resolve(__dirname, "/src"),
exclude: path.resolve(__dirname, "/node_modules"),
这样写,速度可以到500ms
讲得很详细,不过键盘声音有点大啊。

最新回答 / 小番茄_西红柿
"babel": {    "presets": [      "es2017"    ]  },loader:'babel-loader'

已采纳回答 / Jamie_Kara
项目根目录的绝对路径。如果你不用而用相对路径,webpack会报错。参考文档: The output directory as an absolute path (required).
ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined
谢谢老师 谢谢慕课网!
plugins 写成 plugin 不抱错....
{
test:/\.css$/,
use:[
'style-loader',
'css-loader'
]
}
这个视频什么时候更新啊?很期待下部
安装postcss-import
{ test:/\.css$/,use: [ 'style-loader', 'css-loader', {loader:'postcss-loader',options:{ plugins:function(){return[require('postcss-import')(),require('autoprefixer')({ browsers:['last 5 versions'] })]}} } ]}
!!!这样写就可以了 一点不复杂的

rules: [{
test: /\.css$/,
use: [
'style-loader',
'css-loader',
{ loader:'postcss-loader',options:{ broswers: ['last 5 versions'] }
}
]
}
]
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消