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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰

最赞回答 / scj_wcl
我在官网上看的说是importLoaders的数量默认是0,意思是一个加载器都不用,1的意思是用postcss-loader加载器,2的意思是用postcss-loaders和sass-loader加载器
var path =require("path");
module.exports = {
entry:'./src/script/main.js',
output: {

path:path.resolve(__dirname,'./dist/js'),
filename:'bundle.js'

}
}

最新回答 / 慕虎8123385
配置的config有问题吧,注意modules 和 reasons 里面的s不要丢掉
我去,终于知道使用说明的网址在哪里了。。怪我没耐心。
普通话不错
require('path') 视频中老师讲到 这个path是node自带的api,但是我们全程没有安装node啊,关于这个path还是没有明白
讲真的 您讲我内容是免费的让我很诧异。真心全是干货。网易云有个wos将的视频,那简直就是坑人的。。。老师666哒
`webpack 3.10.0`下,老师课程中测试用例都可运行,需要参考代码可以看这里:https://github.com/WjmNightingale/webpack-test,如果能帮助学习的小伙伴,可以点个star哟
方法二:
module.exports = {
entry: "./project/src/scripts/main.js",
output: {
path: __dirname + "/project/dist/scripts/", //处理文件路径为绝对路径
filename: "bundle.js"
}
}

其实吧,也不怪老师!毕竟前端更新变化快,以前可以的方法现在未必就可以了!所以。。。
换个角度想不正是因为这些坑我们才可以更好的理解学到更多吗?
方法二:
var path = require("path"); //引入nodejs中的path模块
module.exports = {
entry: "./project/src/scripts/main.js",
output: {
path: path.resolve(__dirname, "./project/dist/scripts/"), //处理文件路径为绝对路径
filename: "bundle.js"
}
}
我是在bash中运行指令的!
一:
1: npm install -g webpack //全局安装webpack。
2: npm install webpack --save-dev
3: webpack xxx.js xxx.bundle.js
二: 参数
1: --module-bind //绑定模块
2: --module-bind 'css=style-loader\!css-loader'
//绑定运行模块css-loader、style-loader。
//因为在bash中!有着特殊含义,所以这里需要\来转意。
//关于评论区单双引号的事情,我两个都可以执行,并没什么问题。
Uncaught TypeError: Cannot set property 'innerHTML' of null

报这个错误,并且let dom =document.getElementById("app");

console.log(dom);
打印出来为空的解决办法是在APP这个ID的DIV里面加点东西,加个空格就好。
<div id="app">123</div> 这样,不能让里面空的
具体原因我也不太清楚,不过能解决办法。遇到了帮我顶上去
let dom =document.getElementById("app");
console.log(dom);
打印出来为空
Uncaught TypeError: Cannot set property 'innerHTML' of null
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消