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

webpack深入与实战

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

最新回答 / 熊孩子真坏
如果你指的是.vue这样的自定义文件,类似的自定义文件还有react的.jsx,你需要打包编译才可以使用,推荐使用webpack配合babel-loader,也可以用browserify等。

最新回答 / 袁华伟
绝对路径需要向上追溯,相对路径追溯路径短。

最赞回答 / 萬劫不复者
额  之所以entry is undefiend  是因为模板inex.html里面定义了main 所以每个生成的页面chunks里面必须都要有main才行   不然就会报错

最新回答 / Jokerss
是否是你的webpack安装的问题

最赞回答 / 贪狼_Sky
你是不是全局安装的webpack  在你项目下面运行 npm link webpack 试试

最新回答 / 最初的梦想gawin
rules: [    {        test: /\.js$/,        include: path.resolve(__dirname,'src'),        exclude: path.resolve(__dirname,'node_modules'),        loader: "babel-loader"    },    {        test: /\.css$/,        use: [            'style-loader', {          ...

最新回答 / 慕粉3932471
我也遇到一样的问题,你解决了吗?求救。。。。。

最赞回答 / 大竹子哥哥
<...code...>首先安装sass-loader,scss-loader,node-sass  这三个loader。然后按照上面的配置就可以了

最赞回答 / 烈日当空0707
var HtmlWebpackPlugin = require('html-webpack-plugin'); 可以随意。但是在模板中<title><%= htmlWebpackPlugin.options.title %></title>必须使用驼峰式命令。不然会报错一直提示这个插件未定义。这是一个坑啊。弄了好久才知道。

最赞回答 / VIABO
呵呵,老师在这里埋了个坑,官方文档Display options中--display-reasons后面有S是复数,所以为什么以上有同学把--display-reason删了就对了...

最赞回答 / 放学路上的小学生
中间加一个 -o 表示输出文件夹output。<...code...>但是打包后的app.js是被压缩过的,显示为一行。可以注意到有提示:<...code...>是因为默认的打包模式为production生产环境模式,所以为了减少文件体积,压缩成了一行。要设置成可读性好的怎么办?将mode变为development开发环境即可。也就是加上--mode development即可。<...code...>
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消