Я нахожусь в процессе переноса процесса сборки приложения vue.js из gulp/browserify/vueify в webpack с vue-loader.
Если у меня есть modules: false
в моем .babelrc
, я получаю сообщение об ошибке при загрузке страницы: Uncaught TypeError: невозможно назначить свойство «экспорт» объекта только для чтения
Если я удалю modules: false
, ошибки, которые я получу, будут соответствовать строкам Vue.use is not a function
. Это можно исправить, изменив способ импорта библиотек:
var Vue = require('vue');
to
var Vue = require('vue').default;
webpack.conf.js
var path = require('path');
var vueLoaderConfig = require('./vue-loader.conf.js');
function resolve (dir) {
return path.join(__dirname, '..', dir)
}
module.exports = {
entry: './src/main.js',
output: {
path: path.resolve(__dirname, '../dist/js'),
filename: '[name].js',
publicPath: '/'
},
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'@': resolve('src')
}
},
module: {
rules: [{
test: /\.(js|vue)$/,
loader: 'eslint-loader',
enforce: 'pre',
include: [resolve('src'), resolve('test')],
options: {
formatter: require('eslint-friendly-formatter')
}
}, {
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
}, {
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test')]
}, {
test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
loader: 'url-loader',
options: {
limit: 10000,
name: path.posix.join('./dist/img', 'img/[name].[hash:7].[ext]')
}
}]
}
}
Итак, мой вопрос:
Должен ли я заранее знать, использует ли библиотека import
/export default
или require
/module.exports
? Или webpack позаботится об этом, и я предполагаю, что могу использовать import
/export
вместо require
/module.exports
по всем направлениям?
vueLoaderConfig
? - person François Romain   schedule 07.08.2017