angular - Angular2 application using webpack is extremely slow in Edge browser -
my angular2 application extremely slow in edge browser. chrome , firefox comparably faster. when enabled production mode, faster in edge, there workaround rather using production mode. figured has "style loader". suggestions? have been trying figure out since 2 days.
my webpack.config file
var webpack = require('webpack'); var htmlwebpackplugin = require('html-webpack-plugin'); var extracttextplugin = require('extract-text-webpack-plugin'); var helpers = require('./helpers'); module.exports = { entry: { 'polyfills': './src/polyfills.ts', 'vendor': './src/vendor.ts', 'app': './src/main.ts' }, // resolves extensionless files looking matching files .ts or .js extensions resolve: { extensions: ['.ts', '.js'] }, module: { rules: [ { test: /\.ts$/, use: [ { loader: 'awesome-typescript-loader', options: { configfilename: helpers.root('tsconfig.json') } }, 'angular2-template-loader' ] }, { test: /\.html$/, use: 'html-loader' }, { test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, use: 'file-loader?name=assets/[name].[hash].[ext]' }, { test: /\.css$/, exclude: helpers.root('src', 'app'), use: extracttextplugin.extract({ fallback: 'style-loader', use: 'css-loader?sourcemap' }) }, { test: /\.css$/, include: helpers.root('src', 'app'), loader: 'raw-loader' }, { test: /\.scss$/, use: [ { loader: "style-loader" // creates style nodes js strings }, { loader: "css-loader?sourcemap" // translates css commonjs }, { loader: "sass-loader?sourcemap" // compiles sass css } ] } ] }, plugins: [ // workaround angular/angular#11580 new webpack.contextreplacementplugin( // (\\|\/) piece accounts path separators in *nix , windows /angular(\\|\/)core(\\|\/)@angular/, helpers.root('./src'), // location of src {} // map of routes ), new webpack.optimize.commonschunkplugin({ name: ['app', 'vendor', 'polyfills'] }), new htmlwebpackplugin({ template: 'src/index.html' }), new webpack.provideplugin({ "window.jquery": "jquery", $: "jquery", "jquery": "jquery", "chart": "chart.js" }), ] };
Comments
Post a Comment