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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/c.js"></script>
<script type="text/javascript" src="js/b.js"></script>
<script type="text/javascript" src="js/a.js"></script>
都会生成这么多
我感觉有点不方便啊 为什么慕课网很多教程 都是基于macos的 要知道 有多少编程新手是用苹果的呢 基本都是从windows开始的吧
url-loader 如果图片没有超过 limit 限定的值,则会打包成 base64 编码,如果超过 limit 的值,则会像 file-loader 一样打包成图片文件
Webpack 3.x
里的 postcss-loader 中的 autoprefixer 插件,不管你是 css 还是 less 或者 sass,import 进来的样式都会默认加前缀,不在需要给 css-loader 加参数 importLoaders = 1 来实现了!
10分,必须的!
<%= htmlWebpackPlugin.files.chunks.a.entry.substr(htmlWebpackPlugin.files.publicPath.length) %>这个是a的,只要chunks里面有a就没问题,但是b,c部分里面没a,就会报错,要删掉b,c的部分
webpack hello.js hello.bundle.js --module-bind "css=style-loader!css-loader",至于单引号还是双引号,试一下,如果还报错,看看hello.js文件里面有没有删掉那两个loader
免费课程能不能做一个打赏,感谢老师
非常不错的,谢谢大神
我的world.js文件一直报错啊
我用的webpack版本是3.6,打包报错,看了最新的文档后发现原来打包的方式不一样
这样写,就不会报错了:

const path = require('path');

const config = {
entry: './src/script/main.js',
output: {
path: path.resolve(__dirname, 'dist/js'),
filename: 'bundle.js'
}
};
安装less 报依赖错误 就安装较低的版本less即可,推荐2.7.2;因为我的less-loader是4.0.5
版本:webpack 3.8.1 ;方法一:先安装插件postcss-import,然后配置如下:
{
test:/\.css$/,
use:['style-loader','css-loader',
{
loader:'postcss-loader',
options:{
plugins:[require('postcss-import'),require('autoprefixer')],
browser:['last 5 versions']}}]}
方法二:加载process.config 百度其实现方式,推荐第一种。
webpack每个版本config配置都不一样,我用的3.8.1
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消