我正在尝试向项目中添加postcss autoprefixer脚本,但是我很难确定如何在当前设置下执行此操作-没有webpack
,{{1 }}或grunt
。这是我在 package.json 中的脚本配置:
gulp
我想添加一个"start": "npm-run-all -p watch-sass start-js",
"start-js": "react-scripts start",
"build": "npm-run-all -s sass build-js",
"build-js": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject",
"sass": "node-sass --output-style compressed -o src/style src/style",
"watch-sass": "npm run sass && node-sass -o src/style src/style --watch --recursive"
脚本,该脚本将前缀添加到已编译的css文件中,并将其输出到同一目录中
编辑:我也希望脚本监视更改,就像node-sass脚本一样
答案 0 :(得分:0)
如果您通过create-react-app脚本创建了React应用,则该应用会自动包含:https://create-react-app.dev/docs/post-processing-css/