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

webpack深入与实战

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

最新回答 / 柠檬先生
这个的版本是1点多的,现在已经3了,把错贴出来。
我现在3.0 了 都改为这样的
output:{
path:path.resolve(__dirname, 'dist/js'),
filename: 'bundle.js'
}
Layer是创建的一个对象来接收layer.js里的export default layer的方法函数,然后通过实例化对象
var layer = new Layer();
实例化Layer这个对象后,layer 就拥有了 Layer 里的方法,然后通过打点调用 '.' 就能获取 ,
layer.tpl ;
注:Layer里的内容是
function layer() {
return { name:'layer', tpl:tpl }
}
dom节点内容赋值
dom.innerHTML=layer.tpl;
好了。
个人见解,有错提醒下。。
使用image-webpack-loader压缩还需配置optipng,如下:
{
test:/\.(jpg|png|gif|svg)$/i,
loaders: [
"url-loader?limit=10000&name=assets/[name].[ext]",
{
loader: 'image-webpack-loader',
options: {
optipng: { optimizationLevel: 7 },
}
}
]
}
有什么用啊 打打包工具

最赞回答 / ssxlulu
Module parse failed: Unexpected token (8:12)看你你的代码8行12列,是不是有多余的字符
哪个layer.less文件里的.> div应该是没有.的。。。
谢谢老师,但是我并不希望老师更新新版本webpack webpack1.x配合官网说明文档足以,而是希望多讲点vue+webpack开发相关的内容。
给赞数最多的@Lynnic点赞的同学们 回去再多看几遍红宝书吧 基础太差了
我安装了下,最新版本提示我们并建议用
npm install babel-preset-env --save-dev
进行安装。(老师写的是npm install --save-dev babel-preset-latest)
在该项目根目录下新建 .babelrc 文件,写入
{
"presets": ["env"]
} 或者就按老师写的。但注意latest换成env
其他写成:
exclude:__dirname+'./node_modules/',
include:__dirname+'./src/',
loader:'babel-loader'
字数限制,请看笔记。

最新回答 / 慕移动9910096
讲得挺不错的,给我这种菜鸟入门刚好
通过查官方文档需这样写
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['env']
}
}
]
},
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消