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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
let dom =document.getElementById("app");
console.log(dom);
打印出来为空
Uncaught TypeError: Cannot set property 'innerHTML' of null
报错Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API
schema.
现在改到webpack3了,好多语法都变了。
const path = require('path');

module.exports = {
entry: './src/script/main.js',
output: {
path: path.resolve(__dirname, './dist/js'),
filename: 'bundle.js'
}
}

才能成功,不过老师讲的挺好的。
有些人素质不仅低下,智商还有问题。
被误导了,getElementById('app')...
前人种树:
webpack3.x版本,在引入style-loader和css-loader时,如果其他错误都尝试修改了,打包还报错,那么仔细观察报错信息中是不是有还需要的模块,我的是json5和emojis-list模块,cnpm install 之后,再次打包就可以了。
webpack3.10.0图片打包到指定目录,亲测有效
{
test: /\.(png|svg|jpg|gif)$/,
use:[
{ loader: 'file-loader',
query:{
name:'images/[name]-[hash:5].[ext]'
} } ], }

最新回答 / 慕标0282539
啊啊啊   看到后面就明白啦
亲测webpack 3.10.0;先 npm install --save-dev autoprefixer
这样设置
rules:[{test: /\.css$/,use:[ 'style-loader', 'css-loader',
{loader: 'postcss-loader',
options: {
plugins:[ require('autoprefixer')()]
}
} ]}]
https://doc.webpack-china.org webpack3这里有中文文档,不一样的地方看着找配置
为什么图片打包没有报错,但是没生效?

最新回答 / 慕侠7925429
发现这样插入才行compilation.assets[htmlWebpackPlugin.files.chunks.a.entry.substr(htmlWebpackPlugin.files.publicPath.length).split('?')[0]]._value source方法报错,直接调用_value读取源码

已采纳回答 / 蹲守牆角
你把你的config文件截图我看看,这是因为你的less没配置好
如果安装完之后说webpack不是内部命令可以使用如下方法:
在package.json中修改
{
"scripts": {
"start": "webpack"
}
}
在运行 npm run start 或者 npm start即可运行webpack命令
test:/\.(css|less|scss)$/ 现在不用分开写了个rules 合并写就行
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消