javascript – 我可以使用webpack分别生成CSS和JS吗？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 我可以使用webpack分别生成CSS和JS吗？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1748字，纯文字阅读大概需要3分钟。

内容图文

我有：

>我要捆绑的JS文件.
>我想要编译成CSS的LESS文件(将@imports解析为单个包).

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

我见过人们需要直接从JS获取LESS文件的例子,例如require(‘./ app.less’);,除了告诉webpack将这些文件包含在bundle中之外别无他法.这允许你只有一个入口点,但对我来说这似乎是错的 – 为什么我的JS中的LESS与我的JS代码无关时需要LESS？

我尝试使用多个入口点,将条目JS和主LESS文件都放入其中,但是当使用多个入口点时,webpack会生成一个在加载时不执行JS的包 – 它将所有内容捆绑在一起,但不知道什么应该在启动时执行.

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

解决方法:

Should I even be using webpack for non-JS assets if I’m not going to mix them into my JS?

也许不吧. Webpack绝对是以js为中心的,隐含的假设是你正在构建的是一个js应用程序.它的require()实现允许您将所有内容视为一个模块(包括Sass / LESS部分,JSON,几乎任何东西),并自动为您进行依赖管理(您需要的所有东西都捆绑在一起,没有别的).

why would I require LESS in my JS when it has nothing to do with my JS code?

人们这样做是因为他们用js定义了他们的应用程序(例如React组件,Backbone View).应用程序的那一块有CSS随之而来.取决于一些单独构建的外部CSS资源而不是直接从js模块引用的资源是脆弱的,更难处理,并且可能导致样式过时等等.Webpack鼓励你保持所有模块化,所以你有一个CSS (Sass,无论如何)部分与js组件一起使用,而js组件需要()它使依赖关系变得清晰(对于你和构建工具,它永远不会构建你不需要的样式).

我不知道你是否可以使用webpack自己捆绑CSS(当CSS文件没有从任何js引用时).我确定你可以用插件等连接一些东西,但不确定它是否可以开箱即用.如果您确实引用了js中的CSS文件,您可以轻松地将CSS捆绑到一个单独的文件中,并使用Extract Text插件.

内容总结

以上是互联网集市为您收集整理的javascript – 我可以使用webpack分别生成CSS和JS吗？全部内容，希望文章能够帮你解决javascript – 我可以使用webpack分别生成CSS和JS吗？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---