Блог

У меня есть модуль npm с именем sidebar . Я использую webpack для компиляции файлов es2015 src в один файл. До сих пор запуск webpack не выводит никаких проблем и создает файл, lib/sidebar.min.js

Я установил его в качестве основного файла в package.json

 ...
"description": "",
"main": "lib/sidebar.min.js",
"scripts": {
...
  

У меня есть это в моем src/index.js файле

 export const foo = 'foo'
export const bar = 'bar'
  

Я попытался использовать этот модуль в своем основном проекте

 import { foo, bar } from 'sidebar'
console.log(foo)
console.log(bar)
  

Оба вызова журнала консоли выводят undefined

После нескольких часов поиска в Интернете я совершенно не понимаю, почему это проблема.

Есть идеи?

РЕДАКТИРОВАТЬ: вот webpack конфигурация для основного репозитория

 var webpackConfig = {
    entry: {
        app: './src/app/main.app.js',
        vendor: ['angular']
    },
    output: {
        path: DIST_DIRECTORY   '/scripts/',
        publicPath: '/scripts/',
        filename: '[name].min.js',
        chunkFilename: '[name].min.js'
    },
    devtool: 'source-map',
    module: {
        loaders: [{
            test: /.js$/,
            loader: 'babel'
        }, {
            test: /.html$/,
            loader: 'raw'
        }]
    },
    plugins: [
        new webpack.NoErrorsPlugin(),
        new webpack.optimize.DedupePlugin(),
        new webpack.optimize.UglifyJsPlugin({
            compress: {
                unused: true,
                dead_code: true
            },
            sourceMap: true
        }),
        new webpack.DefinePlugin({
            'process.env': {
                'NODE_ENV': JSON.stringify('production')
            }
        }),
        new webpack.optimize.CommonsChunkPlugin("vendor", "vendor.bundle.js")
    ],
    devServer: {
        contentBase: DIST_DIRECTORY   '/'
    }
};