build/
主要是 webpack 於開發及打包的環境配置,基本上專案建立時,就已經把環境設定好了,不太需要去額外調整。
如果想要自定 webpack loader 的配置,可以查看 webpack.base.conf.js 這支檔案。
├── build/
│ ├── build.js # npm run build 的執行腳本
│ ├── check-versions.js # 在 build 之前會先檢查 npm、node.js 版本
│ ├── utils.js
│ ├── vue-loader.conf.js
│ ├── webpack.base.conf.js # webpack 基本配置
│ ├── webpack.dev.conf.js # webpack 開發環境配置
│ └── webpack.prod.conf.js # webpack 打包環境配置
config/
當 localhost 的 port 相衝沖或更改打包輸出路徑、是否開啟 sourceMap 等,就可在 index.js 裡更改。
├── build/
│ ├── dev.env.js
│ ├── index.js
│ └── prod.env.js
node_modules/
存放所安裝插件的資料夾,透過npm install
安裝的插件都會在此目錄下。
package.json
node 配置檔案,可查看已安裝套件及一些基本資訊(如項目名稱、版本等),此外裡頭還有段 scripts 的字串,這串是代表你可以用 npm 執行的命令。
"scripts": {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"lint": "eslint --ext .js,.vue src",
"build": "node build/build.js"
},