node.js - 使用更漂亮的 onchange 自动格式化代码不起作用
问题描述
每当文件更改时,我想用更漂亮的格式格式化文件。所以我运行这个命令来实现
onchange '**/*.js' -- prettier --write {{changed}}
当通过终端运行时,这绝对可以正常工作,监听文件更改并对其进行格式化。
但是当我将此命令添加为 package.json 中的 npm 脚本并执行它时npm run prettier-watch
它开始监听更改,但在文件更改时不会格式化代码。
包.json
{
"name": "pwa-svelte-rollup-template",
"private": true,
"scripts": {
"start": "run-p serve autobuild",
"serve": "sirv public --dev",
"build": "rollup -c",
"autobuild": "rollup -c -w",
"clean": "rimraf public/bundle.*",
"prettier-watch": "onchange '**/*.js' -- prettier --write {{changed}}"
},
"devDependencies": {
"@babel/core": "^7.5.5",
"@babel/plugin-proposal-class-properties": "^7.5.5",
"@babel/preset-env": "^7.5.5",
"babel-core": "^7.0.0-bridge.0",
"babel-eslint": "^10.0.2",
"babel-jest": "^24.8.0",
"eslint": "^6.1.0",
"eslint-config-standard": "^13.0.1",
"eslint-plugin-import": "^2.18.2",
"eslint-plugin-jest": "^22.14.0",
"eslint-plugin-node": "^9.1.0",
"eslint-plugin-promise": "^4.2.1",
"eslint-plugin-standard": "^4.0.0",
"node-sass": "^4.12.0",
"npm-run-all": "^4.1.5",
"onchange": "^6.0.0",
"prettier": "^1.18.2",
"rimraf": "^2.6.3",
"rollup": "^1.17.0",
"rollup-plugin-babel": "^4.3.3",
"rollup-plugin-commonjs": "^10.0.1",
"rollup-plugin-livereload": "^1.0.1",
"rollup-plugin-node-resolve": "^5.2.0",
"rollup-plugin-svelte": "^5.1.0",
"rollup-plugin-terser": "^5.1.1",
"sirv-cli": "^0.4.4",
"svelte": "^3.6.9",
"svelte-preprocess-sass": "^0.2.0"
},
"babel": {
"presets": [
[
"@babel/preset-env",
{
"useBuiltIns": "entry",
"corejs": "3.0.0"
}
]
],
"plugins": [
[
"@babel/plugin-proposal-class-properties"
]
],
"sourceMaps": true
},
"browserslist": [
"last 2 versions",
"not dead",
"not IE 11",
"not < 0.2%"
],
"eslintConfig": {
"extends": [
"standard"
],
"env": {
"browser": true,
"serviceworker": true,
"jest": true
},
"parser": "babel-eslint",
"parserOptions": {
"ecmaVersion": 8,
"ecmaFeatures": {
"experimentalObjectRestSpread": true
},
"sourceType": "module"
}
},
"eslintIgnore": [
".cache",
"dist",
"node_modules"
]
}
如果我做错了什么,请告诉我
解决方案
我有同样的问题。将您的 prettier-watch 脚本更改为此"onchange \"**/*.js\" -- prettier --write {{changed}}"
推荐阅读
- swift - CKShare - 无法修改某些记录错误 - CloudKit
- python - 如何在pydatatable数据框中根据条件(ifelse)创建列并填写值?
- ansible-facts - Ansible 没有报告 Ubuntu 20.04 上的分发信息?
- python - 在不覆盖 Excel 文件的情况下,使用 Python 中已有的 Excel 数据生成饼图
- ios - 用于测试“使用 Apple 登录”的沙盒帐户
- c# - Dapper querysingle 导致 EndOfStreamException
- python - 减少 sklearn CountVectorizer、pandas 和 numpy 的内存占用
- assembly - MIPS中rem和remu指令的区别
- java - @Transactional spring JPA .save() 不需要吗?
- java - JVM 是如何因为 OOM 异常而死掉的?