第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

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

webpack深入與實戰(zhàn)

難度中級
時長 3小時21分
學(xué)習(xí)人數(shù)
綜合評分9.60
259人評價 查看評價
9.8 內(nèi)容實用
9.5 簡潔易懂
9.5 邏輯清晰
老師經(jīng)常喘粗氣,起了一身雞皮疙瘩
在 webpack.config.js 的 module.exports 中加上 mode: 'production' 再運行 npm run webpack 就沒有那個警告了
用webpack 4.8.3版本,我是按照npmjs.com的官網(wǎng)進(jìn)行配置的
https://www.npmjs.com/package/autoprefixer
親測,成功
隨便附上webpack中文官網(wǎng)的地址:
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的中文官網(wǎng)
之前是全局安裝的webpack,所以安裝html-webpack-glugin,運行時會報錯
Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin'

解決的方法就是重新再當(dāng)前的文件夾下,在局部安裝一下,搞定
$ cnpm install webpack --save-dev
這里的cnpm我使用的是淘寶的鏡像
webpack版本4.x以上,中文官網(wǎng):
https://webpack.docschina.org
目前webpack現(xiàn)在是4.8.3版本,建議看的童鞋,去看一下webpack的中文官文
謝謝老師!
有沒有同學(xué)和我一樣,用webpack^4.8.1,哈哈踩坑無數(shù),
這個autoprefixer 我時按照官網(wǎng)中的說法
要創(chuàng)建一個 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的解析機(jī)制改了,把后面那個參數(shù)認(rèn)為是一個模塊,需要npm來安裝這個模塊導(dǎo)致的。
如果提示API不對的話可能也是版本問題。最新版本的module引入loader的方式為:rules而非loaders。module:{
rules:[
{
test:/\.js$/,
loader:'babel-loader'
}
]
}

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

微信掃碼,參與3人拼團(tuán)

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復(fù)購買,感謝您對慕課網(wǎng)的支持!

本次提問將花費2個積分

你的積分不足,無法發(fā)表

為什么扣積分?

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消