vue-cli 里面建立的.vue文件的style部分 引用根目录怎么整？

JavaScript029

vue-cli 里面建立的.vue文件的style部分 引用根目录怎么整？,第1张

首先，在写Vue的时候，应该采用懒加载模式，之后生成的包，就会被打入到不同分组的js，运行时按需加载，详情见：Vue-路由懒加载；这个意义重大！其次，可利用，webpack.DllReferencePluginwebpack.DllReferencePlugin将常用不怎么变更的文件，打入一个统一的文件，外链使用。这个主要作用也可用来缩小包构建的时间；这个网上教程蛮多，就不赘述。也可参见这个项目jade-blog来配置；这一步即是你通过配置将部分库抽离出来，打包成另外的文件。再次，可以利用webpack-bundle-analyzer可以分析打包后生成的文件结构，十分牛掰（最新Vue-cli带有此配置）；在package.json中配置如下命令npmrunanalyz，运行即可查看之："analyz":"NODE_ENV=productionnpm_config_report=truenpmrunbuild"

webpack.config 里面配置alias的时候不要用

'vue/dist/vue.esm.js’这个里面没有directive方法，要用完整版的'vue/dist/vue.js'

resolve: {

alias: {

'vue$': 'vue/dist/vue.js',

'@': resolve('src')

}

},