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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
谢谢老师,但是我并不希望老师更新新版本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'
字数限制,请看笔记。
通过查官方文档需这样写
module: {
loaders: [
{
test: /\.js$/,
loader: 'babel-loader',
query: {
presets: ['env']
}
}
]
},
厉害!学习了!
谢谢老师,希望老师早点更新webpack下,希望多讲点vue+webpack开发相关的内容
webpack 3.0以上版本 报Cannot set property 'innerHTML' of null 错误的话 可以在 index.html中的 <div id="app"></div> 外层加一层div 即
<div>
<div id="app"></div>
</div>
path.resolve()的第二个参数是"/src"的话,es6没有转换成功.....
output.path 必须为项目或硬盘的绝对路径
一入编程深似海,越学越感觉自己的差距,同时也感觉自己的生活更加有奔头。静下心来,好好学习,感谢老师的无私奉献
在babel转换时,排除某些文件用到,exclude:/node_modules/,这样写确实会快,看到网友的评论发现的,用到正则匹配
因为当初安装webpack时加了-g,是全局安装,所以在加入html-webpack-plugin插件后运行npm run webpack报错,解决办法只需要在项目目录下,运行npm install webpack即可,好简单
在package.json文件里配置脚本时要注意modules和reasons的两个单词不要少了s
想了解vue脚手架和webpack结合的相关内容。。。
webpack 3.0以上的是改了 吧 不同的是
{
loader: 'postcss-loader',
options: {
ident: 'postcss',
plugins: (loader) => [
require('postcss-import')({ root: loader.resourcePath }),
require('postcss-cssnext')(),
require('autoprefixer')(),
require('cssnano')()
]
}
}
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消