乙個專案中是有開發環境和生產環境的，這兩個環境的依賴也是不同的
開發依賴：只在開發中用來幫助你進行開發，簡化**或者生成相容設定的以來包。你可以開啟package.json來檢視，devdependencies的下面的這些包為開發使用的包。這些包在生產環境中並沒有用處。
生產依賴：就是比如我們的js使用了jquery，jquery的程式要在瀏覽器端起作用，也就是說我們最終的程式也需要這個包，這就是生產依賴。這些包在dependencies中。
安裝完成後，它存在於package.json的dependencies中，也就是說它是生產環境需要依賴的包（上線時需要的以來包）。
安裝完成後，它存在於package.json的devdependencies中，也就是說它是開發環境中需要的，上線並不需要這個包的依賴。
根據package.json安裝所有的生產和開發的包
安裝生產環境依賴包
// 出口
output: ,
// 模組
module:
// ]
// },
},'postcss-loader']})
},}]
}, ,
// , , ]
// }
}, ,'postcss-loader'],
fallback: 'style-loader'
})},
// ,,]
// },
}, ,
'postcss-loader'],
fallback: 'style-loader'
})},
// // },
// //過濾掉，不編譯node_modules中的檔案,
// exclude:/node_modules/
// },
,//過濾掉，不編譯node_modules中的檔案,
exclude:/node_modules/}]
},//外掛程式
plugins: [
// new uglify()
new htmlplugin(,
hash: true,
template: './src/index.html'
}),new extracttextplugin("css/index.css"),
new purifycssplugin()
],//開發服務
devserver:
}
17開發和生產並行設定
npm安裝 若要安裝jquery庫，有3種安裝方法 安裝全部專案依賴包 node modules 安裝生產環境依賴包 配置和生產並行 我們在以前的配置中設定了乙個變數website，用於靜態資源正確找到路徑。那如果生產環境和開發環境不一樣，而且我們需要來回切換 第一步 修改package.json命...
webpack開發環境和生產環境打包
開發環境webpack.config.js基礎的配置 const path require path 首先要安裝該外掛程式 npm i html webpack plugin d const htmlwebpackplugin require html webpack plugin module.e...
webpack開發環境和生產環境切換原理
在package.json中有如下設定 scripts 當執行專案時，cmd中敲命令 npm run dev npm run build prod npm run build sit npm run lint，就會執行不同環境下的 如開發環境 生產環境等等。其中cross env是用於跨平台環境變數...