“搬磚習(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)該配置對(duì)應(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對(duì)node-modules的編譯

module.exports={
    ...
    module:{
        ...
        {
            test: /\.js|jsx$/,
            exclude:/node_modules/,// 關(guān)鍵步驟
            use: {
                loader: 'babel-loader',
            }
        }
    }
}