“搬砖习惯了”早已忘掉了webpack
天天“搬砖”,各种脚手架,dva
,umi
全部都是一键搞定自己需要的所有内容,配置啥的几乎不需要自己添加什么,基础的东西更是集成的非常完善,渐渐的忘记了最初的“功臣”webpack
记录再次相见的“坎坷”
安装less-loader报错
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
应该配置对应的加载项,我使用的是ejs
$ npm install --save-dev ejs-loader
module.exports = {
...
module: {
rules: [
...
{
test: /\.ejs/,
use: ['ejs-loader'],
}
]
}
}
$export is not a function报错
babel
编译去除node_mocules
这是最主流的一种解决办法
通过修改webpack
配置文件,去除babel-loader
对node-modules
的编译
module.exports={
...
module:{
...
{
test: /\.js|jsx$/,
exclude:/node_modules/,// 关键步骤
use: {
loader: 'babel-loader',
}
}
}
}