Webpack PurgeCSS-如何传递HTML和CSS文件？

问题描述

我有一个不使用babel或任何现代体系结构的AngularJS项目（因此JS文件中没有导入），并且我试图捆绑样式，并使用PurgeCSS摆脱所有未使用的CSS（因为Bootstrap +一些旧样式占用了大量空间。

我的配置当前看起来像这样：

module.exports = {
    mode: "development",module: {
        rules: [
            {
                test: /\.js$/,include: [
                    path.resolve("./Angular")
                ],use: [{ loader: 'ng-annotate-loader' }]
            },{
                test: /\.css$/,use: ["style-loader","css-loader"]
            }
        ]
    },plugins: [
        new PurgeCssplugin({
            paths: glob.sync(`${PATHS.styles}/**/*`,{ nodir: true })
        })
    ],entry: {
        app: glob.sync(`${PATHS.angular.app}`),angular: glob.sync(`${PATHS.angular.base}`),repositories: glob.sync(`${PATHS.angular.repositories}`)
    },output: {
        filename: '[name].bundle.js',path: path.resolve('./dist')
    }
};

AngularJS捆绑得很好，但是我看不到生成任何css文件，我尝试传递css文件夹以及CSS和HTML数组，但似乎都没有做任何事情。 / p>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

css-purge html webpack webpack webpack