重识webpack

“搬砖习惯了”早已忘掉了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',
            }
        }
    }
}