色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

vue cli dll

錢良釵1年前9瀏覽0評論

Vue CLI是Vue.js官方提供的腳手架,用于快速構建Vue項目。其中,dll是指動態鏈接庫,可以實現第三方庫的緩存,提高構建速度。在Vue CLI 3中,可以通過配置使用dll。

要使用dll,首先需要在項目中安裝依賴:

npm install add-asset-html-webpack-plugin cross-env

接著,在vue.config.js中進行配置:

const path = require('path');
const AddAssetHtmlPlugin = require('add-asset-html-webpack-plugin');
module.exports = {
configureWebpack: {
plugins: [
new AddAssetHtmlPlugin({
filepath: path.resolve(__dirname, 'dll/vendor.dll.js')
})
],
resolve: {
alias: {
'vue$': 'vue/dist/vue.esm.js',
}
},
optimization: {
splitChunks: {
cacheGroups: {
vendor: {
test: /node_modules/,
chunks: 'initial',
name: 'vendor',
enforce: true
},
}
},
},
},
chainWebpack: config =>{
config.plugin('dll-reference').use(require('webpack').DllReferencePlugin, [{
context: __dirname,
manifest: require('./public/dll/vendor-manifest.json')
}]);
}
}

以上代碼中的add-asset-html-webpack-plugin和cross-env是必要的依賴,filepath指定的是dll生成的文件,resolve中也需要指定vue.js的版本。

此外,在package.json中添加如下scripts腳本:

"scripts": {
"dll": "cross-env NODE_ENV=production webpack --config build/webpack.dll.js",
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
},

運行npm run dll即可生成dll文件。啟動npm run serve命令時,Vue CLI會自動讀取dll文件,提高構建速度。