Я пытался оптимизировать свой пакет с помощью оптимизации веб-пакета. Теперь без оптимизации (как кода приложения, так и реагирующих библиотек в один файл пакета) мой файл пакета (main.js) загружается с помощью вызова require ("main.js"), но когда я разделяю код приложения (в main.js) и Неисправность в вызове require ("main.js") моего библиотеки requirejs (в vendor.js) не загружается.
Мой webpack.config.js выглядит так:
var webpack = require('webpack');
var path = require('path');
var webpackConfig = require('webpack-config');
var CopyWebpackPlugin = require('copy-webpack-plugin');
var TSLintPlugin = require('tslint-webpack-plugin');
var config = {
entry: {
main: ['./src/index.tsx']
},
output: {
path: path.resolve(__dirname, '../web'),
filename: '[name].js'
},
'plugins': [
new CopyWebpackPlugin([
{
from: path.resolve(__dirname, './src/assets'),
to: path.resolve('../web/assets')
}
]),
new TSLintPlugin({
files: ['./src/**/*.ts', './src/**/*.tsx']
})
],
module: {
rules: [
{
test: /\.css$/,
use: ['style-loader', 'css-loader']
}
]
},
optimization: {
splitChunks: {
cacheGroups: {
vendor_files: { test: /[\\/]node_modules[\\/]/, name: "vendor", chunks: "all" }
}
}
}
};
module.exports = config;
Когда я выполняю оптимизацию веб-пакета, в котором я делю файлы своего приложения на main.js и реагирует на библиотеки lipp в vendor.js, я могу успешно вызывать require ("main.js"). Но require ("main.js") возвращает undefined.