建筑的用途是什么:babel和build:sass？

Question

"build:babel": "babel --ignore src/vendor --source-maps -d build src",
"build:sass": "node-sass src/styles/index.scss --include-path node_modules -o build/styles --output-style compressed"

这两行的意思是什么？

Answer 1

我假设您已经从某种类型的package.json样板项目的Node.js文件中提取了这两行代码(大概是为了响应开发)。它们定义了两个npm脚本。

我不知道您一般对https://docs.npmjs.com/misc/scripts有多熟悉，下面是一个简短的解释：

当您在开发Node.js项目期间一次又一次地运行相同的命令并希望使您和协作者更容易地运行该命令时，您可以通过将命令添加到package.json文件中的"scripts"对象并给它一个描述性名称来创建npm脚本。使用npm脚本还有一个优点，即当使用npm run 运行脚本时，npm将自动找到在脚本中使用的包二进制文件的本地版本(通过包的dependencies或devDependencies安装)。

babel --ignore src/vendor --source-maps -d build src

此脚本运行babel-cli并将其指示给目录。如果您还不知道，https://babeljs.io/是一个将现代JavaScript编译成JavaScript的工具，它也与过时的浏览器(或运行时等)兼容。

node-sass src/styles/index.scss --include-path node_modules -o build/styles --output-style compressed

这些脚本运行CLI并指示它编译src/styles/index.scss文件，在查找@import-ed文件时包含node_modules目录，压缩输出并将编译后的CSS文件放入build/css。如果您还不知道，https://sass-lang.com/是一个CSS的超集，它添加了一些有用的特性，比如嵌套。