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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
原来需要先全局安装一次webpack(npm install -g webpack),然后在命令行cd定位到项目的文件夹,再安装一次(npm install webpack --save-dev),就阔以啦~~
学习使用逻辑,具体API还是要看官网。
配置学了一年了。还是弄不出来
为啥我听这键盘声很爽啊
npm install -g webpack 全局安装
老师讲的不错。 喜欢你的键盘 哈哈
版本改动,现在使用
module.exports= {

entry: {

main: './src/script/main.js',

a: ['./src/script/a.js', './src/script/b.js'],

},

output: {

path: './dist/js',

filename: 'bundle.js', //视频中此处 改成这个

}

}不会覆盖,直接报错
有些人别来秀智商了,你才看了几分钟就觉得讲的不好,求你看了?
ERROR in Template execution failed: TypeError: Cannot read property 'entry' of undefined
报错时
chunks:['main','a]改为chunk:'main,a'
讲非常好,学到了很多
讲的真好,期待下
先全局安装,在安装在项目中,就不会出现webpack不是内部命令了
使用sass的安装sass-loader和node-sass,同时配置如下
{ test: /\.css$/, use: [ 'style-loader', 'css-loader', { loader: 'postcss-loader', options: { plugins: [require('postcss-import'),require('autoprefixer')], broswers: ['last 5 versions'] } } ] },
遇到output报错不是绝对路径
两种方法
第一种
const path=require('path');
output 内
path:path.resolve('__dirname,'./dist/js');//引入path模块 这个要带 . 因为resolve方法是从一个路径到另一个路径 ./标表示当前路径
第二种
path:__dirname+'/dist/js' 注意因为是绝对路径,所以需要用__dirname补全路径 不要加 .
会出现没有文件的问题 而且因为是+ 所以相当于拼凑的路径
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消