“搬磚習(xí)慣了”早已忘掉了webpack
天天“搬磚”戚丸,各種腳手架划址,dva
,umi
全部都是一鍵搞定自己需要的所有內(nèi)容,配置啥的幾乎不需要自己添加什么夺颤,基礎(chǔ)的東西更是集成的非常完善痢缎,漸漸的忘記了最初的“功臣”webpack
記錄再次相見的“坎坷”
安裝less-loader報(bào)錯(cuò)
ERROR in ./src/index.less
Module build failed (from ./node_modules/less-loader/dist/cjs.js):
Error: Cannot find module 'less'
解決方案
$ npm install less --save-dev
HtmlWebpackPlugin 使用模板 template
應(yīng)該配置對應(yīng)的加載項(xiàng),我使用的是ejs
$ npm install --save-dev ejs-loader
module.exports = {
...
module: {
rules: [
...
{
test: /\.ejs/,
use: ['ejs-loader'],
}
]
}
}
$export is not a function報(bào)錯(cuò)
babel
編譯去除node_mocules
這是最主流的一種解決辦法
通過修改webpack
配置文件拂共,去除babel-loader
對node-modules
的編譯
module.exports={
...
module:{
...
{
test: /\.js|jsx$/,
exclude:/node_modules/,// 關(guān)鍵步驟
use: {
loader: 'babel-loader',
}
}
}
}