如何在本地安装postcss
模块,并通过全球安装的postcss-cli
来使用它们?
例如:
postcss -u autoprefixer -o style.css index.css
如果我全局安装了postcss-cli
和autoprefixer
,或者两者都是本地安装的,则此命令可以工作。但是,如果我在全球安装了postcss-cli
,并且在本地安装了autoprefixer
,那么它就不能工作。
这个问题并不是专门针对自动修复器的,因为自动修复器是一个模块,我无论如何都会在全球安装什么。任何建议都会有帮助。
如果postcss-cli
是全局安装的,而autoprefixer
是本地安装的,那么这就是我得到的错误:
> postcss -u autoprefixer -o style.css index.css -w
module.js:327
throw err;
^
Error: Cannot find module 'autoprefixer'
at Function.Module._resolveFilename (module.js:325:15)
at Function.Module._load (module.js:276:25)
at Module.require (module.js:353:17)
at require (internal/module.js:12:17)
at /home/user/.nvm/versions/node/v4.4.2/lib/node_modules/postcss-cli/index.js:104:14
at Array.map (native)
at Object.<anonymous> (/home/user/.nvm/versions/node/v4.4.2/lib/node_modules/postcss-cli/index.js:97:24)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)
npm ERR! Linux 3.19.0-58-generic
npm ERR! argv "/home/user/.nvm/versions/node/v4.4.2/bin/node" "/home/user/.nvm/versions/node/v4.4.2/bin/npm" "run" "css"
npm ERR! node v4.4.2
npm ERR! npm v2.15.0
npm ERR! code ELIFECYCLE
npm ERR! Node.js@1.0.0 css: `postcss -u autoprefixer -o style.css index.css -w`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the Node.js@1.0.0 css script 'postcss -u autoprefixer -o style.css index.css -w'.
npm ERR! This is most likely a problem with the Node.js package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! postcss -u autoprefixer -o style.css index.css -w
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs Node.js
npm ERR! Or if that isn't available, you can get their info via:
npm ERR!
npm ERR! npm owner ls Node.js
npm ERR! There is likely additional logging output above.
发布于 2016-08-04 00:16:08
如果使用postcss-cli,可以创建一个配置文件,如下所示:
{
"use": [
"postcss-import",
"postcss-cssnext",
"lost",
"rucksack-css",
"postcss-autoreset",
"postcss-font-magician"
],
"input": "src/app.css",
"output": "css/main.css",
"local-plugins": true,
"autoprefixer": {
"browsers": "last 2 versions"
}
}
注意"local-plugins": true,
行。从医生那里:
从位于当前工作目录中的node_modules开始查找插件。如果没有这个选项,postcss将在安装它的node_modules中查找插件,特别是如果它是全局安装的,那么它只会查找全局安装的插件。
如果不想使用配置文件,可以使用选项--local-plugins
。
总是在本地安装是个好主意。您可以始终在package.json
中创建NPM脚本,这样可以更容易地运行postcss-cli
:
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "node_modules/postcss-cli/bin/postcss -c config.json",
"watch": "node_modules/postcss-cli/bin/postcss -c config.json -w",
"minify": "node_modules/postcss-cli/bin/postcss -c config-minify.json"
},
现在您只需使用:
npm run build
https://stackoverflow.com/questions/36509185
复制相似问题