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"
},

results matching ""

    No results matching ""