0

如果用下面的方式配置,引入的VUE文件,打包的时候只会打包我需要的vue

import Vue from 'vue'
import vueTap from 'v-tap';
import $ from '@/public/libs/zepto.min';
import pkg from '../package.json';


window.wx = require('@/public/libs/weixin-1.0.0');
window.APP = require('@/public/libs/APP');
window.Share = require('@/public/libs/share');
import '@/public/style/reset.css';

Vue.use(vueTap);
Vue.config.productionTip = false;

const App = require(`@/page/dialog.vue`);

new Vue({
  el: "#app",
  render: h => h(App)
});

但如果,我想要根据配置来设置需要引入的vue文件,就会把以上page目录下面的所有vue都打包

import Vue from 'vue'
import vueTap from 'v-tap';
import $ from '@/public/libs/zepto.min';
import pkg from '../package.json';


window.wx = require('@/public/libs/weixin-1.0.0');
window.APP = require('@/public/libs/APP');
window.Share = require('@/public/libs/share');
import '@/public/style/reset.css';

Vue.use(vueTap);
Vue.config.productionTip = false;

var templateName = pkg.template;
const App = require(`@/page/${templateName}.vue`);

new Vue({
  el: "#app",
  render: h => h(App)
});

不同之处在:
const App = require(@/page/${templateName}.vue);

const App = require(@/page/dialog.vue);

目的:根据我的配置,每次打包的时候只打包配置的vue文件,不要所有的vue都都打包进来

mmcai 58
2017-06-29 提问

查看全部 4 个回答

0

已采纳

在程序中确实无法解决此问题
1、在package.json当中,配置想要打包的内容
2、在webapck当中,根据package.json的配置来设置一个别名
3、在入口文件当中 引用别名就可以实现了

package.json

  "template":"send"

webpack.conf.js

  var pkg =require('../package');
  alias: {  
      'app': resolve('src/page/'+ pkg.template+'.vue')
    }
    

index.js(入口文件)

const App = require('app');

这样一来,就可以根据package.json当中的template配置,来打包指定的模版文件了

推广链接