Webpackの再認識

1262 ワード

「レンガを運ぶのに慣れた」はとっくに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-loadernode-modulesのコンパイル
module.exports={
    ...
    module:{
        ...
        {
            test: /\.js|jsx$/,
            exclude:/node_modules/,//     
            use: {
                loader: 'babel-loader',
            }
        }
    }
}