webpack 配置（分離）

一、下列分別是base.config.js  dev.config.js prod.config.js

const path = require('path')

const webpack = require('webpack')
const htmlwebpackplugin = require('html-webpack-plugin')
const uglifyjswebpackplugin = require('uglifyjs-webpack-plugin')
module.exports = ,
//這裡是loader的配置 css
module: , , , ]
}, }]
}, }
}, ]
},resolve: 
},//
plugins: [
//htmlwebpackplugin外掛程式 功能自動生成乙個index.html檔案 將要打包的js檔案自動通過script標籤插入到body中
new htmlwebpackplugin()
//壓縮**外掛程式
],//webpack server配置 區域性安裝最好設定指令碼
}

const uglifyjswebpackplugin = require('uglifyjs-webpack-plugin')

const webpackmerge = require('webpack-merge')
const baseconfig = require('./base.config')
module.exports = webpackmerge(baseconfig, )

const webpackmerge = require('webpack-merge')

const baseconfig = require('./base.config')
module.exports = webpackmerge(baseconfig, 
})

webpack分離打包antd記錄

希望得到的結果是將antd按元件載入，減少首屏載入的包大小 antd 又依賴於相應的rc模組，所以，rc同樣按功能組分離，同時antd moment local 各種語言包存在依賴關係 統計結果 首屏載入 js 769kb 個數 34 bundle antd rcmoment local commo...

webpack配置 基礎配置

本片文章主要是一些webpack的基礎配置在webpack中，這個工具只識別js和json這兩種格式，別的格式或者說資源在webpack中是不認可的。例如 css檔案 less檔案 資源 圖示資源等等，這時候就需要用一些loader來對它們進行編譯處理。在敲 之前，一定要先安裝上面的包 安裝命令 n...

webpack 發布配置

上次寫的是開發配置，這次是發布配置 解析 引用了單獨打包模組 在loaders內配置的css less scss都用到了，這樣它們都解析完後會合併到指定的css檔案內。還有的配置，name images hash 8 name ext 設定了name引數。表示的儲存地 在plugins內有二個配置，...