javascript - 如何将 webpack 3.5.4 配置为只为 JS 创建源映射并跳过 CSS?
问题描述
我一直试图弄清楚如何在生产中跳过 CSS 源映射,因为我只需要 JS。有没有办法做到这一点?
我可以*.css.map
稍后删除文件,但我认为如果我可以跳过它们,构建会更快。
解决方案
以下是我的 webpack 配置中的一个片段。您可以简单地将sourceMap
选项的值设置为false
:
{
test: /\.css$/,
exclude: /node_modules/,
use: [
{
loader: 'style-loader',
},
{
loader: 'css-loader',
options: {
sourceMap: false,
importLoaders: 2,
},
},
{
loader: 'resolve-url-loader',
},
{
loader: 'postcss-loader',
options: {
sourceMap: false,
},
},
],
},
你也可以使用suppress-chunks-webpack-plugin删除.css.map
文件,因为即使它们是空的,webpack 仍然会写入它们。
在您的配置中添加一个新插件:
// Skip empty CSS source maps
new SuppressChunksPlugin([
{ name: 'your-entry', match: /\.css\.map$/ },
]),
推荐阅读
- python - 使用 str 替换为 pandas 系列添加空间
- python-3.x - 使用 python 脚本生成 google Admob 网络报告时获取 HttpError 401
- android-studio - APK 或捆绑包不包含 64 位本机代码
- traefik - HTTPS 重定向 traefik v2
- java - 如何使用 Spring Security 5 在 Spring Boot 应用程序(不是 Web 应用程序)中获取 oauth2 访问令牌
- java - java.lang.IllegalArgumentException:名称为 [xxx] 的参数不存在
- java - JavaFX:在 Maven 测试构建期间填充模拟列表视图会导致空指针异常
- android - 在模拟的 Android 设备上模拟群组短信
- java - 在我的第一个对象上获取 jsonb 未使用的“剩余”数据?
- android - 错误:找不到符号类 ActivityMainBindingImpl