一拓提、WebPack簡介
??Webpack 是當(dāng)下最熱門的前端資源模塊化管理和打包工具。它可以將許多松散的模塊按照依賴和規(guī)則打包成符合生產(chǎn)環(huán)境部署的前端資源侧馅。還可以將按需加載的模塊進(jìn)行代碼分隔制市，等到實(shí)際需要的時候再異步加載允粤。通過 loader 的轉(zhuǎn)換萍聊，任何形式的資源都可以視作模塊匹厘，比如 CommonJs 模塊、 AMD 模塊脐区、 ES6 模塊愈诚、CSS、圖片牛隅、 JSON炕柔、Coffeescript、 LESS 等媒佣。
https://www.webpackjs.com/
http://webpack.html.cn/
二匕累、CLI3配置WebPack
- 根目錄創(chuàng)建vue.config.js
// vue.config.js
module.exports = {
// webpack配置
chainWebpack: config => {
},
configureWebpack: (config) => {
config.module.rules.push({
test: /\.bpmn$/,
use: 'raw-loader',
})
},
}
- 檢查webpack配置
vue inspect
