vue-cli 3 plugin for Dll and DllReference
npm install @pockpock/vue-cli-plugin-dll
vue-cli-plugin-dll plugin register dll instruction to avoid adding extra webpack config file, it also insert DllReferencePlugin and inject chunk files automatically when you run dev/build directives.
bash
$ vue -V
`
$3
` bash
$ vue add dll
OR
$vue invoke dll
`
$3
`javascript
// vue.config.js
module.exports = {
pluginOptions: {
dll: {
entry: ['vue', 'vue-router'],
cacheFilePath: path.resolve(__dirname, './public')
}
}
}
`
$3
`bash
$ npm run dll
#OR
$ npx vue-cli-service dll
`
Configuration
$3
| Parame | Type | Description| Default | Required |
| :--- | :--- | :--- | :--- | :--- |
| entry | Object/Array/String | entry vendor | null | true
| open | Boolean | whether to add DllReferencePlugin plugin | true | false
| output | Object | output | | false
| output.path | String | The output directory as an absolute path | 'yourProjectPath/public/dll' | false
| output.publicPath | Srting | publicPath | '' | false
| inject | Boolean | auto inject file to index.html | true | false
| cacheFilePath | String | The path that save vender path| 'yourProjectPath/node_modules/vue-cli-plugin-dll/src' | false
$3
` javascript
module.exports = {
// Other options...
pluginOptions: {
dll: {
entry: ['vue'],
/**
* the directory path where the vendor files will be generated in
* when running vue-cli-service dll
*/
output: path.join(__dirname, './public/dll'),
// If you only want to open dll plugin during production build,
// you can use the following config:
open: process.env.NODE_ENV === 'production',
// !! Recommended configuration
cacheFilePath: path.resolve(__dirname, './public')
}
}
}
``