Question

webpack专家，大家好！

我是这个精美产品的新手，我想我可能在用错误的术语来考虑webpack，这可能会影响我正在尝试构建的项目。

我正在使用webpack 4.16.5并尝试完成非常简单的任务-将两个CSS文件打包到一个文件中，将其最小化，然后放入./dist/styles文件夹中，在其中我还放置一个.js文件。

首先，我了解没有办法将CSS捆绑在一起，而无需先将其导入主JS文件并在模块上使用mini-css-extract-plugin。我就是这样做的：

plugins: [
    new CopyWebpackPlugin([
        { from: './src/style/style-default.js', to: './styles/style-default.js', toType: 'file' },
        { from: './dist/style-default.css', to: './styles/style-default.css', toType: 'file' }
    ]),
    new MiniCssExtractPlugin({
        filename: 'style-default.css'
    })
],

css的捆绑包已加载到/ dist文件夹中。然后，我想将其复制到dist文件夹内的styles文件夹中。我

plugins: [
    new CopyWebpackPlugin([
        { from: './src/style/keyos-default.js', to: './styles/keyos-default.js', toType: 'file' },
        { from: './src/style/keyos-default.css', to: './styles/keyos-default.css', toType: 'file' },
        { from: './src/style/default-style.css', to: './styles/default-style.css', toType: 'file' }
    ])
],

它失败了，因为到插件运行时，由于尚未创建捆绑的css文件，因此找不到捆绑的css文件。

我最终做了

{{1}}

当然，这些文件没有被最小化，无法找到一种方法来对Webpack之前未通过输入或导入处理的文件运行操作。

我开始怀疑我需要使用任务运行程序+ webpack而不是单独使用webpack，但是我可能会缺少一些东西。

非常感谢您的评论。

谢谢。

是否使用Webpack。我可能做错了

0 个答案: