浏览器同步无法获取错误

时间:2017-01-23 22:17:09

标签: npm browser-sync

我正在关注本教程: https://css-tricks.com/why-npm-scripts/ 真的觉得它很有用。但是我在脚本中添加了浏览器同步,它从不调用我在src和dist文件夹中的index.html文件。从我的根目录,我有以下package.json脚本部分:

"scripts": {
    "scss": "node-sass --output-style compressed -o dist/css src",
    "autoprefixer": "postcss -u autoprefixer -r dist/css/*",
    "lint": "eslint src/js",
    "uglify": "mkdir -p dist/js && uglifyjs src/js/*.js -m -o dist/js/app.js && uglifyjs src/js/*.js -m -c -o dist/js/app.min.js",
    "imagemin": "imagemin src/images dist/images -p",
    "serve": "browser-sync start  --files 'dist/styles/*.css, dist/js/*.js'",
    "build:css": "npm run scss && npm run autoprefixer",
    "build:js": "npm run lint && npm run uglify",
    "build:all": "npm run build:css && npm run build:js && npm run build:imagemin",
    "watch:css": "onchange 'src/*.scss' -- npm run build:css",
  "watch:js": "onchange 'src/js/*.js' -- npm run build:js",
    "watch:all": "parallelshell 'npm run serve' 'npm run watch:css' 'npm run watch:js'"
  },

有人可以向我解释它如何运行索引文件吗?我知道它从根文件夹构建服务器,但我的package.json不在dist文件夹中?

1 个答案:

答案 0 :(得分:1)

我在文档中找到了它。

"serve": "browser-sync start --server --files 'dist/*' --startPath 'dist'"

startPath允许我告诉它使用什么文件夹作为根。