search

Jewl / react-typescript-webpack-cli

react typescript webpack
4 stars 3 forks source link

postcss-loader #1

Open MARPTS opened 5 years ago

MARPTS commented 5 years ago

有引用postcss ，在webpack配置没有调用。可以配置一下postcss的配置文件，帮你兼容不同浏览器的css前缀

Jewl commented 5 years ago

嗯，是准备用来做cssnext相关的处理的，还没有来的及配置，准备后续补充

MARPTS commented 5 years ago

postcss.config.js 

module.exports = {
    plugins: [
      require('autoprefixer')
    ]
  }

这是我加的配置文件，但是报错了，不太理解你的目录结构，不知道是不是配置的位置不对

ERROR in [at-loader] TS6059: File '/Users/mac/program2018/react-typescript-webpack-cli/postcss.config.js' is not under 'rootDir' '/Users/mac/program2018/react-typescript-webpack-cli/src'. 'rootDir' is expected to contain all source files.

我放在项目最外层，同时也参照postcss的用法引用了loader

Jewl commented 5 years ago

ts会默认校验在tsconfig.json里面配置的rootDir目录里面的文件，这个错误提示是指postcss.config.js不在src下面，你可以通过配置exclude选项来忽略它，或者将这个文件移动到src目录里面。我采用的是在配置文件里面配置，忽略这个文件的校验：

"exclude": [
    "./postcss.config.js"
  ]
MARPTS commented 5 years ago

解决了。 另外这里用的是css，解析只能使用require引入，原因是？如果换成less或者sass 是否没有这个问题