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

webpack深入与实战

难度中级
时长 3小时21分
学习人数
综合评分9.60
259人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.5 逻辑清晰
随便附上webpack中文官网的地址:
https://webpack.docschina.org/loaders/babel-loader
可以跑起来
不用谢,我是好人,(#^.^#)
目前使用的webpack的版本是4.8.3,而在webpack.config.js中的配置如下,
module:{
rules:[
{
test: /\.js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['env']
}
}
}
]

},
我参考的是webpack的中文官网
之前是全局安装的webpack,所以安装html-webpack-glugin,运行时会报错
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

解决的方法就是重新再当前的文件夹下,在局部安装一下,搞定
$ cnpm install webpack --save-dev
这里的cnpm我使用的是淘宝的镜像
webpack版本4.x以上,中文官网:
https://webpack.docschina.org
目前webpack现在是4.8.3版本,建议看的童鞋,去看一下webpack的中文官文

最新回答 / 慕码人6895947
 webpack ./src/main.js ./dist/bundle.jswebpack : 无法将“webpack”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。所在位置 行:1 字符: 1+ webpack ./src/main.js ./dist/bundle.js+ ~~~~~~~    + CategoryInfo          : ObjectNotFound: (webpack:String) [], Comm...

最新回答 / 慕数据3175177
因为打包的时候是从后往前依次执行的所以style-loader 要写在css-loader 之前
有没有同学和我一样,用webpack^4.8.1,哈哈踩坑无数,
这个autoprefixer 我时按照官网中的说法
要创建一个 postcss.config.js 才阔以
3.x
"webpack":"webpack --config webpack.config.js --progress --display-modules --colors --display-reasons"
加s
exclude: path.resolve(__dirname, 'node_modules'),
include:/\.src/
这样比两个都用path.resolve速度快上10ms
老师的额这个课程用的webpack版本是1.0,目前4.0的版本,从安装到配置 好多都不一样的,这个modue我是这样写的:
module:{
rules:[
{
test:/\.js$/,
exclude: __dirname + '/node_modules/',
use: {
loader: 'babel-loader',
options: {
presets: ["latest"]
}
}
}
]
}
1:我用的webpack 4.8.1运行webpack hello.js hello.bundle.js的时候提示错误,如下:
ERROR in multi ./hello.js hello.bundle.js
Module not found: Error: Can't resolve 'hello.bundle.js' in 'D:\learingFile\webpackLearning\day01'
@ multi ./hello.js hello.bundle.js

猜测可能是webpack的解析机制改了,把后面那个参数认为是一个模块,需要npm来安装这个模块导致的。
课程须知
1、对模块化开发有一些了解 2、使用过 node 对 npm 有基本的了解 3、对打包有一个基本的概念
老师告诉你能学到什么?
1、模块化的开发 2、webpack 的 CLI (命令行) 3、webpack 如何在项目中打包 4、webpack 如何处理项目中的资源文件

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消