Можно ли скомпилировать в commonjs из es6 с помощью веб-пакета - PullRequest
Новая
       53

Можно ли скомпилировать в commonjs из es6 с помощью веб-пакета

0 голосов
/ 22 января 2019

Вопрос, как следует из названия, - если вы написали свой исходный код в виде модулей es6 (import ... from ...), можете ли вы скомпилировать этот исходный код обратно в модули commonjs в стиле node.js (const ... = require(...)) с помощью Webpack?

1 Ответ

0 голосов
/ 24 января 2019

Ты уверен, что можешь. Вот мой webkack.config.js, который работает именно так, как вы просите унаследованный проект, который мы поддерживаем: 

var path = require("path");
var webpack = require('webpack');
var HardSourceWebpackPlugin = require("hard-source-webpack-plugin");
module.exports = {
    node: { fs: 'empty' },
    entry: {
        polyfill: "./wwwroot/js/helpers/polyfill.js",
        budget: ["babel-polyfill", "./wwwroot/js/pages/budget.js"],
        sirtflow: ["babel-polyfill", "./wwwroot/js/pages/sirtflow.js"],
        apps: ["babel-polyfill", "./wwwroot/js/pages/apps.js"],
        settings: ["babel-polyfill", "./wwwroot/js/pages/settings.js"]
    },
    output: {
        publicPath: "/js/",
        path: path.join(__dirname, "/wwwroot/js/webpack/"),
        filename: "[name].js"
    },
    resolve:
    {
        alias: {
            'handlebars': 'handlebars/dist/handlebars.js'
        }
    },
    devtool: false,
    module: {
        rules: [
            {
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        presets: [
                            ['env', {
                                modules: false,
                                useBuiltIns: 'usage'
                            }]
                        ]
                    }
                }
            }
        ]
    },
    plugins: [
        new HardSourceWebpackPlugin()
    ]
};

Здесь я использую точку входа для каждого модуля, который я хочу вывести, и использую babel-загрузчик с предустановкой 'env'. Эта предустановка - именно то, что вы хотите использовать при записи в новейшем и лучшем JS и при желании ориентироваться на устаревший формат (UMD): https://babeljs.io/docs/en/babel-preset-env

...