webpack报错：Cannot assign to read only property 'exports' of object

文章参考

http://www.mamicode.com/info-detail-1694072.html

在webpack打包的时候，可以在js文件中混用require和export。但是不能混用import 以及module.exports。

解决办法：

1、使用require和module.exports

var selector = require(‘../packages/selector‘);
var alert=require(‘../packages/alert‘);
const components=[
    selector,
    alert,
]
const install=function(Vue,option={}){
    components.map(component => {
        Vue.component(component.name, component);
    })
    Vue.prototype.$alert=alert;
    Vue.prototype.$info=alert.error;
    Vue.prototype.$error=alert.error;
}

module.exports={
    version:‘0.0.1‘,
    install,
}

2、使用import和export default

import selector from ‘../packages/selector‘;
import alert from ‘../packages/alert‘;
const components=[
    selector,
    alert,
]
const install=function(Vue,option={}){
    components.map(component => {
        Vue.component(component.name, component);
    })
    Vue.prototype.$alert=alert;
    Vue.prototype.$info=alert.error;
    Vue.prototype.$error=alert.error;
}

var resultObj={
    version:‘0.0.1‘,
    install,
}

export default resultObj;