vue-cli-plugin-dll
Vue CLI 3 plugin for Dll and DllReference
中文
English |⭐️ TODO:
- More injection mode options
- add changeLog file
- add util test
Getting started
make sure you have vue-cli 3.x.x
vue -V
Install
vue add dll# ORvue invoke dll
Quick Start
Simple configuration
pluginOptions
in vue.config.js
:
you can config options of // vue.config.js moduleexports = pluginOptions: dll: entry: 'vue' 'vue-route'
Build Dll
npm run dll #OR npx vue-cli-service dll
Configuration
vue.config.js:
moduleexports =// Other options...pluginOptions:dll:// Enable DllReferencePluginopen: true// vonder entryentry: ''// chunk and manifest file diroutput: ''
options
name | type/value-set | des | default | required |
---|---|---|---|---|
entry | Object/Array/String | vendor entry | null | true |
open | true/false/'auto' | Enable DllReferencePlugin | 'auto' | false |
output | String | chunk and manifest file dir | 'yourProjectPath/public/dll' | false |
inject | Boolean | auto inject chunk | true | false |
more Expamle
entry config
the entry can be configured via the pluginOptions in vue.config.js
moduleexports =// Other options...pluginOptions:dll:// Single entryentry: 'vue' 'axios'// Multiple entryentry:vendorNameOne: 'vue-route'vendorNameTwo: 'vue-vuex'
open config
add webpack.DllReferencePlugin
moduleexports =// Other options...pluginOptions:dll:entry: 'vue'// only add webpack.DllReferencePlugin plugin in production modelopen: processenvNODE_ENV === 'production' //
inject config
auto inject vendor file by 'add-asset-html-webpack-plugin' plugin
moduleexports =// Other options...pluginOptions:dll:entry: 'vue'// If you manually quote vendor file in 'index.html' fileinject: false