自定义webpack配置的webpack捆绑问题

时间:2020-02-24 10:49:00

标签: angular webpack angular8 webpack-dev-server

当我正在使用Webpack配置捆绑我的应用程序时,我得到了这个有线问题。 请帮忙。下面是我的webpack配置。

过去2天,我一直在解决此问题,但我无法解决,因此对此不胜感激

文档中的错误未定义

const path = require('path');
const webpack = require('webpack');

const clientA = {
    entry: 'src/main.ts',
    resolve: {
        mainFields: ['browser', 'module', 'main']
    },
    module: {
        rules: [
            { test: /\.ts$/, loaders: ['@ngtools/webpack'] },
            {
                test: /\.(html|css)$/,
                use: 'raw-loader'

            },
            {
                test: /\.s[ac]ss$/i,
                use: [
                  // Creates `style` nodes from JS strings
                  'style-loader',
                  // Translates CSS into CommonJS
                  'css-loader',
                  // Compiles Sass to CSS
                  'sass-loader',
                ],
              },

            {
                test: /\.js$/,
                loader: '@angular-devkit/build-optimizer/webpack-loader',
                options: {
                    sourceMap: false
                }
            }

        ]
    },
    plugins: [

        new AotPlugin({
            skipCodeGeneration: false,
            tsConfigPath: './src/tsconfig.app.json',
            hostReplacementPaths: {
                "./src/environments/environment.ts": "./src/environments/environment.prod.ts"
            },
            entryModule: path.resolve(__dirname, './src/app/app.module#AppModule')
        })
        // ,

        // new PurifyPlugin()

    ],
    output: {
        path: __dirname + '/src/assets/',
        filename: 'main.bundle.js',
        publicPath: environment,
        jsonpFunction: 'clientA'
    },
    mode: 'production'
};

module.exports = [clientA];
`

0 个答案:

没有答案
相关问题