我有以下 index.js 代码:
import {Asp} from './src/asp.js';
export default Asp;
以及以下 run.js 代码:
import Asp from './dist/bundle.js'; // Uncaught SyntaxError: The requested module does not provide an export named 'default'
import Asp from './index.js'; // works
const myASP = new Asp();
和 webpack (3.11) 配置文件:
const path = require('path');
module.exports = {
entry: './index.js',
output: {
filename: 'bundle.js',
path: path.resolve(__dirname, 'dist')
},
module: {
rules: [
{ test: /\.js$/, exclude: /node_modules/, loader: "babel-loader" }
]
}
};
我不明白为什么当我导入时使用bundle.js不起作用...帮助...
UPDATE:
我放弃了 webpack 并转向 rollup,使用以下配置解决了我的问题:
import uglify from 'rollup-plugin-uglify';
export default {
input: 'src/index.js',
output:{
file: 'dist/index.js',
name: 'Asp',
format: 'es'
},
plugins: [
uglify()
]
}
我不知道 webpack 中与此等效的是什么 - 但它完成了工作!