小编Cut*_*y27的帖子

如何为 Angular 7 添加额外的 postCSS 插件 (postcss-preset-env)

我最近开始实现 CSS 自定义属性,但需要支持 IE11 - 因此需要 postcss-preset-env。到目前为止,我发现 Angular 的 webpack 配置不是很可定制,但我已经安装了自定义 webpack ( https://www.npmjs.com/package/@angular-builders/custom-webpack )。

如何设置配置文件以包含和配置 postcss-preset-env 插件以正确填充我的 CSS 自定义属性以在所有浏览器中工作?我希望使用 postcss-preset-env 编译任何 CSS 文件和 Angular 组件样式。到目前为止,我已经使用以下内容创建了一个 custom-webpack.config.js 文件:

const postcss = require('postcss-loader');
const postcssPresetEnv = require('postcss-preset-env');

module.exports = {
  plugins: [
    postcss([
      postcssPresetEnv()
    ]).process()
  ]
}
Run Code Online (Sandbox Code Playgroud)

我还更新了 angular.json 构建属性以引用此文件。

javascript webpack postcss angular

5
推荐指数
0
解决办法
1375
查看次数

标签 统计

angular ×1

javascript ×1

postcss ×1

webpack ×1