{
- App: any;
- currentBundle: string = '';
-
- async downloader(bundleName: string) {
- let _bundleName = bundleName;
- this.currentBundle = bundleName;
- this.App = await loadApp(_bundleName);
- this.forceUpdate();
- }
-
- mountApp = async(nameApp) => {
- await this.downloader(nameApp);
- this.App.mount(this.App.default)
- }
-
- unmountApp = () => {
- this.App.unmount();
- }
-
- render () {
- return (
-
-
-
-
-
-
- );
- }
-}
-
-ReactDom.render(
- ,
- document.getElementById('bootstrap')
-);
-
-
diff --git a/src/utils.ts b/src/utils.ts
deleted file mode 100644
index 73a46cf..0000000
--- a/src/utils.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export async function loadApp(bundleName) {
- return await System.import(`./${bundleName}.js`)
- .then(result => {
- return result.default;
- })
- .catch(error => {
- console.info(`Загрузить ${bundleName} не удалось!`);
- console.info(`error in ${bundleName}`, error);
- });
-}
diff --git a/stubs/index.html b/stubs/index.html
deleted file mode 100644
index d1427b3..0000000
--- a/stubs/index.html
+++ /dev/null
@@ -1,26 +0,0 @@
-
-
-
-
-
-
-
- Занятие по загрузчику
-
-
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/stubs/index.js b/stubs/index.js
deleted file mode 100644
index 951a79d..0000000
--- a/stubs/index.js
+++ /dev/null
@@ -1,10 +0,0 @@
-const express = require("express");
-const app = express();
-
-
-app.use(express.static(__dirname + "/dist"));
-
-
-app.listen(8088, () => console.log("Listening on port 8088!"));
-
-module.exports = app;
\ No newline at end of file
diff --git a/stubs/server.js b/stubs/server.js
deleted file mode 100644
index 2254579..0000000
--- a/stubs/server.js
+++ /dev/null
@@ -1,17 +0,0 @@
-const hotClient = require('webpack-hot-client');
-const middleware = require('webpack-dev-middleware');
-const webpack = require('webpack');
-const config = require('../webpack.config');
-const app = require('../stubs');
-const compiler = webpack(config);
-const { publicPath } = config.output;
-const options = { }; // webpack-hot-client options
-
-// we recommend calling the client _before_ adding the dev middleware
-const client = hotClient(compiler, options);
-const { server } = client;
-server.on('listening', () => {
- app.use(middleware(compiler, { publicPath, historyApiFallback: true }));
-
-
-});
\ No newline at end of file
diff --git a/webpack.config.js b/webpack.config.js
index a1e88c1..fe1e727 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -5,30 +5,24 @@ const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const outputDirectory = 'dist';
+const pkg = require('./package.json')
+
module.exports = {
- mode: 'development',
+ mode: "development",
entry: {
- bootstrap: ['./src/main.js']
+ index: "./src/main.ts"
},
output: {
- filename: '[name].js',
+ library: "bootstrap",
path: path.resolve(__dirname, outputDirectory),
- globalObject: `(typeof self !== 'undefined' ? self : this)`
+ libraryExport: "default",
+ publicPath: `/boorstrap/${pkg.version}/`
},
- node: {
- fs: 'empty'
- },
- plugins: [
- new CleanWebpackPlugin(),
- new webpack.DefinePlugin({
- 'typeof window': JSON.stringify('object')
- })
- ],
- devtool: '#source-map',
- //devtool: 'none',
+
+ plugins: [new CleanWebpackPlugin()],
+
resolve: {
- modules: ['node_modules', 'src'],
- extensions: ['.webpack.js', '.web.js', '.ts', '.tsx', '.js', '.css']
+ extensions: [".jsx", ".js"]
},
module: {
@@ -36,13 +30,12 @@ module.exports = {
{ parser: { system: false } },
{
test: /\.tsx?$/,
- loader: 'awesome-typescript-loader'
+ loader: "awesome-typescript-loader"
},
{
test: /\.(jpe?g|gif|png|svg|woff|ttf|eot|wav|mp3)$/,
- loader: 'file-loader'
+ loader: "file-loader"
}
]
-
}
};