node-sass 生成sourcemap/监听文件

0.无关紧要的叨叨（可跳过）

遇到问题->>
不知道怎么用node-sass生成sourcemap文件，我本地的ruby环境下是可以直接生成的

但是现在做的项目就是要求把之前用ruby编译的saas文件全部改成用node-sass的，然后我以为只要在生成的css文件后加一个/*# sourceMappingURL=style.css.map */就好了,而且浏览器是可以看到定位到的.scss的（后来才发现是之前编译的map文件，难怪对不上号，点进去是空白0.0），网上找了好一会儿都没找到相关的命令，全是webpack或者ruby
，然后看了node-sass --help才解决，之前看help里有--source-map，没看到后面的内容有Emit source map (boolean, or path to output .map file)，明明是很简单的东西，绕了一圈才解决，看来以后有问题要先看help啊

Wrapper around libsass
Usage:
node-sass [options] <input.scss>
cat <input.scss> | node-sass [options] > output.css
Example: Compile foobar.scss to foobar.css
node-sass --output-style compressed foobar.scss > foobar.css
cat foobar.scss | node-sass --output-style compressed > foobar.css
Example: Watch the sass directory for changes, compile with sourcemaps to the css directory
node-sass --watch --recursive --output css
--source-map true --source-map-contents sass

Options
-w, --watch
Watch a directory or file

-r, --recursive
Recursively watch directories or files

-o, --output
Output directory

-x, --omit-source-map-url
Omit source map URL comment from output

-i, --indented-syntax
Treat data from stdin as sass code (versus scss)

-q, --quiet
Suppress log output except on error

-v, --version
Prints version info

--output-style
CSS output style (nested | expanded | compact | compressed)

--indent-type
Indent type for output CSS (space | tab)

--indent-width
Indent width; number of spaces or tabs (maximum value: 10)

--linefeed
Linefeed style (cr | crlf | lf | lfcr)

--source-comments
Include debug info in output

--source-map
Emit source map (boolean, or path to output .map file)

--source-map-contents
Embed include contents in map

--source-map-embed
Embed sourceMappingUrl as data URI

--source-map-root
Base path, will be emitted in source-map as is

--include-path
Path to look for imported files

--follow
Follow symlinked directories

--precision
The amount of precision allowed in decimal numbers

--error-bell
Output a bell character on errors

--importer
Path to .js file containing custom importer

--functions
Path to .js file containing custom functions

--help
Print usage info

1.node-sass编译时生成sourcemap

node-sass --source-map map文件路径 sass文件路径 css文件路径

2. 监听整个文件夹 时生成sourcemap

node-sass --source-map map文件路径 --watch -r sass文件夹路径 -o css文件夹路径

3. 监听单个文件 时生成sourcemap

node-sass --source-map map文件路径 --watch sass文件夹路径 css文件夹路径

最后

以上就是悲凉火龙果为你收集整理的node-sass 生成sourcemap/监听文件node-sass 生成sourcemap/监听文件的全部内容，希望文章能够帮你解决node-sass 生成sourcemap/监听文件node-sass 生成sourcemap/监听文件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。