相关疑难解决方法(0)

如何在webpack.config.js中使用ES6?

如何在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)

这是一种好奇而不是需要.

webpack

197
推荐指数
10
解决办法
8万
查看次数

我可以使用webpack单独生成CSS和JS吗?

我有:

  1. 我要捆绑的JS文件.
  2. 我想编译成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资产?

javascript css build webpack css-preprocessor

58
推荐指数
6
解决办法
4万
查看次数

是否可以让 webpack 捆绑 CSS 而不在我的条目 js 中导入 css?

在 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

css browserify webpack

4
推荐指数
1
解决办法
3618
查看次数

标签 统计

webpack ×3

css ×2

browserify ×1

build ×1

css-preprocessor ×1

javascript ×1