我可以使用webpack分别生成CSS和JS吗?

JavaScript Webpack

樱小胖Mandy

2020-03-23

我有:

  1. 我要捆绑的JS文件。
  2. 我想编译为CSS的LESS文件(将@imports解析为一个包)。

我希望将它们指定为两个单独的输入,并具有两个单独的输出(可能通过extract-text-webpack-plugin)。Webpack具有所有适当的插件/加载器来进行编译,但似乎不喜欢这种分离。

我已经看到了一些人的示例,这些人直接从JS需要他们的LESS文件,例如require('./app.less');,其原因仅是告诉Webpack将这些文件包含到捆绑包中。这只允许您只有一个入口点,但是对我来说似乎真的很不对头-为什么当与我的JS代码无关的时候我在我的JS中要求LESS?

我尝试使用多个入口点,将入口JS和主LESS文件都交到其中,但是当使用多个入口点时,webpack会生成一个在加载时不执行JS的捆绑包-捆绑了所有捆绑包,但不知道在启动时应该执行什么。

我只是使用webpack错了吗?我应该为这些单独的模块运行单独的webpack实例吗?如果我不打算将Webpack用于非JS资产,是否应该将它们打包使用?

第2938篇《我可以使用webpack分别生成CSS和JS吗?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android