如何在webpack.config中使用ES6?像这个回复 https://github.com/kriasoft/react-starter-kit 吗?
例如:
用这个
import webpack from 'webpack';
Run Code Online (Sandbox Code Playgroud)
代替
var webpack = require('webpack');
Run Code Online (Sandbox Code Playgroud)
这是一种好奇而不是需要.
我有:
我希望将这些指定为两个单独的输入并具有两个单独的输出(可能通过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资产?
在 js 中导入 CSS 文件是特定于 webpack 的。如果我使用,gulp+browserify我将需要browserify-css. 我对编写直接依赖于 browserify-css 或 webpack 的源代码感到不舒服(特别是我不是在编写 React/Vue 应用程序,只是在编写 vanilla js)。
我发现了一些与此相关的问答,例如使用 Webpack 导入 CSS 和 JS 文件,我可以在 webpack 中构建 sass/less/css 而无需在我的 JS 中使用它们吗?
他们建议多入口点配置(如果我理解正确的话),即创建一个虚拟的 js 文件,import css并在 webpack.config.js 中为该 js 添加另一个条目,这样真正的条目 js 就不需要了import css
我试过了,但我仍然不喜欢这个解决方案。还有其他解决方案吗?如果有人可以确认没有,我也会很满意。B/C 其他人针对extract-text-webpack-plugin提出了同样的问题,回复说
webpack 本身只理解 'js-ish' 文件,不推荐使用 'css-ish' 文件作为入口点(恕我直言它甚至应该失败),所以每个 css 条目你都会得到一个虚拟包来“处理” . 要求/导入入口点内的 css