亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

webpack深入與實戰

難度中級
時長 3小時21分
學習人數
綜合評分9.60
259人評價 查看評價
9.8 內容實用
9.5 簡潔易懂
9.5 邏輯清晰
老師經常喘粗氣,起了一身雞皮疙瘩
在 webpack.config.js 的 module.exports 中加上 mode: 'production' 再運行 npm run webpack 就沒有那個警告了
用webpack 4.8.3版本,我是按照npmjs.com的官網進行配置的
https://www.npmjs.com/package/autoprefixer
親測,成功
隨便附上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的中文官文
有沒有同學和我一樣,用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來安裝這個模塊導致的。
如果提示API不對的話可能也是版本問題。最新版本的module引入loader的方式為:rules而非loaders。module:{
rules:[
{
test:/\.js$/,
loader:'babel-loader'
}
]
}

可以嘗試是否有效
課程須知
1、對模塊化開發有一些了解 2、使用過 node 對 npm 有基本的了解 3、對打包有一個基本的概念
老師告訴你能學到什么?
1、模塊化的開發 2、webpack 的 CLI (命令行) 3、webpack 如何在項目中打包 4、webpack 如何處理項目中的資源文件

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消