摘要：一基礎(chǔ)配置在這個(gè)文件進(jìn)行我們打包的配置項(xiàng)，這個(gè)文件是的默認(rèn)配置文件可以作為自定義配置如果不填寫直接打包會(huì)不走默認(rèn)配置。

一、webpack 基礎(chǔ)配置

1.webpack.config.js
  在這個(gè)文件進(jìn)行我們打包的配置項(xiàng)，這個(gè)文件是webpack的默認(rèn)配置文件可以作為自定義配置（如果不填寫直接打包會(huì)不走默認(rèn)配置）。
  如果想要多帶帶使用自己命名字文件打包可以運(yùn)行 npx webpack config xxx.js，指向自定義打包配置文件
  配置參數(shù)：
  entry:"./index.js" //入口文件 你想要打包的文件
  const path = require("path");
  module.exports={
      //打包環(huán)境 production 打包生產(chǎn)代碼壓縮，development開發(fā)環(huán)境
      mode:"development",
      //入口文件
      entry:{
          main:"./index.js"
      },
      //輸出文件
      output:{
          filename:"main.js",//輸出文件名字
          //__dirname：node中全局變量，存儲(chǔ)的是文件所在的文件目錄
          //引入的path是nodejs的核心方法
          ／／http://nodejs.cn/api/path.html#path_path_resolve_paths
          //path.resolve() 方法將路徑或路徑片段的序列解析為絕對路徑
          path:path.resolve(__dirname,"jkDist"),//輸出文件夾位置和文件夾名字
          publicPath:"./"http://基礎(chǔ)資源路徑應(yīng)以 ／結(jié)尾
      }
  }
  
  當(dāng)運(yùn)行npm run dev的時(shí)候：
  devServer會(huì)將資源打包好放到計(jì)算機(jī)內(nèi)存，然后先訪問內(nèi)存資源（devServer的publicPath配置決定，如果devServer中publicPath省略，會(huì)讀取output中的publicPath）的index.html，訪問不到就會(huì)去本地目錄（ devServer的contentBase配置決定）查找index.html。

二、package.json

1.初始配置
    {
    "name": "webpack-demo",//項(xiàng)目名稱
    "version": "1.0.0",//版本號(hào)
    "description": "",//描述
    "private": true,//項(xiàng)目是否私有的，不希望發(fā)布在npm管理平臺(tái)
    "main": "index.js",//對外暴露的入口文件，一般不獨(dú)立項(xiàng)目不寫
    "scripts": {//webpack 命令
      "test": "echo "Error: no test specified" && exit 1",
      "dev": "webpack"
    },
    "keywords": [],
    "author": "",
    "license": "ISC",
    "devDependencies": {//本地開發(fā)依賴的模塊
      "webpack": "^4.0.1",
      "webpack-cli": "^2.0.9"
    },
    "dependencies": {}//生產(chǎn)所依賴的模塊
  }

--by JK 2019 06 11 學(xué)習(xí)筆記