如何在Angular 5项目中使用Autoprefixer

时间:2018-08-01 11:16:23

标签: webpack angular-cli autoprefixer

我已经实现了CSS网格布局和CSS flexbox来对网站进行样式设置。 我需要使用PostCSS插件自动前缀修改网格CSS样式,以便它可以在IE11中使用 在官方github链接上,文档包含了webpack的用法 Autoprefixer webpack如此

  1. 需要在我的角度应用程序中单独安装webpack。如我所读,Angular CLI在后台使用了webpack。
  2. 在Angle App中使用此类插件或Laoder的正确方法是什么?

This post解释了如何在angular app中使用webpack。因此,如果我们需要在配置了angular CLI的angular app中单独使用webpack,那么ng服务的目的是什么?

根据What happens when you run ng serve?,它表示ng serve运行webpack-dev-server,因此意味着cli cli项目已经具有webpack.config.js文件。因此,如果我添加另一个webpack.config.js文件,对吗?

我的package.json脚本:

 "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "clean": "rimraf ./dist/",
    "build": "ng build --prod --build-optimizer --vendor-chunk --common-chunk",
    "serve:prod": "npm run clean && npm run build -- --env=prod && npm run server",
    "serve:stage": "npm run clean && npm run build -- --env=stage && npm run server",
    "analyze": "npm run clean && npm run build -- --stats-json --named-chunks && webpack-bundle-analyzer ./dist/stats.json",
    "server": "cd dist && http-server"
  },

让我知道我的问题是否含糊。谢谢。

0 个答案:

没有答案