@zohodesk/react-cli 0.0.1-beta.98 → 0.0.1-betaa.138.1

package/lib/pluginUtils/getProdPlugins.js

@@ -1,74 +1,78 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _path = require('path');
+var _path = _interopRequireDefault(require("path"));
 
-var _path2 = _interopRequireDefault(_path);
+var _fs = _interopRequireDefault(require("fs"));
 
-var _webpack = require('webpack');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _webpackBundleAnalyzer = require("webpack-bundle-analyzer");
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _lodashWebpackPlugin = _interopRequireDefault(require("lodash-webpack-plugin"));
 
-var _webpackBundleAnalyzer = require('webpack-bundle-analyzer');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _lodashWebpackPlugin = require('lodash-webpack-plugin');
+var _I18nSplitPlugin = _interopRequireDefault(require("../plugins/I18nSplitPlugin"));
 
-var _lodashWebpackPlugin2 = _interopRequireDefault(_lodashWebpackPlugin);
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _copyWebpackPlugin = _interopRequireDefault(require("copy-webpack-plugin"));
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
+var _plugins = require("../plugins");
 
-var _htmlWebpackPlugin = require('html-webpack-plugin');
+var _common = require("../common");
 
-var _htmlWebpackPlugin2 = _interopRequireDefault(_htmlWebpackPlugin);
-
-var _copyWebpackPlugin = require('copy-webpack-plugin');
-
-var _copyWebpackPlugin2 = _interopRequireDefault(_copyWebpackPlugin);
-
-var _plugins = require('../plugins');
-
-var _common = require('../common');
+var _CustomAttributePlugin = require("../plugins/CustomAttributePlugin");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getProdPlugins = function getProdPlugins(options) {
-  var publicPath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  var _options$app = options.app,
-      enableChunkHash = _options$app.enableChunkHash,
-      manifestFileName = _options$app.manifestFileName,
-      bundleAnalyze = _options$app.bundleAnalyze,
-      optimize = _options$app.optimize,
-      publicPaths = _options$app.publicPaths,
-      enableSMapHook = _options$app.enableSMapHook,
-      folder = _options$app.folder,
-      outputFolder = _options$app.outputFolder,
-      context = _options$app.context,
-      hasEFC = _options$app.hasEFC,
-      enableSMap = _options$app.enableSMap,
-      mode = _options$app.server.mode,
-      hasShadowDOM = _options$app.hasShadowDOM,
-      resourceHints = _options$app.resourceHints,
-      serviceWorker = _options$app.serviceWorker,
-      inject = _options$app.htmlTemplate.inject;
-
-
-  var isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
+// eslint-disable-next-line no-unused-vars
+let getProdPlugins = (options, publicPath = '') => {
+  let {
+    enableChunkHash,
+    manifestFileName,
+    bundleAnalyze,
+    optimize,
+    publicPaths,
+    hasEFC: prevOptionForEnableEFC,
+    enableSMapHook,
+    tpFolder,
+    folder,
+    outputFolder,
+    context,
+    enableSMap,
+    server: {
+      mode
+    },
+    hasShadowDOM,
+    resourceHints,
+    serviceWorker,
+    htmlTemplate: {
+      inject
+    },
+    customAttributes,
+    tpHashMapping,
+    cdnMapping
+  } = options.app;
+  const {
+    i18n
+  } = options;
+  const {
+    hasEFC: newOptionForEnableEFC,
+    nameScope: efcNameSpace,
+    localeAttr: efcLocaleAttr
+  } = options.efc;
+  const hasEFC = newOptionForEnableEFC || prevOptionForEnableEFC;
+  let isDevelopment = mode === 'prod' || mode === 'dev' || mode === 'dev-no-warn';
   enableChunkHash = !isDevelopment && enableChunkHash;
-
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _copyWebpackPlugin2.default([{
-    from: _path2.default.join(process.cwd(), context, 'i18n') + '/',
-    to: enableChunkHash ? './i18n/[name].[hash:20]_.[ext]' : './i18n/[name]_.[ext]',
-    toType: 'template'
-  }]), new _webpack2.default.IgnorePlugin(/^\.\/locale$/, /moment$/), new _webpack2.default.DefinePlugin({
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/locale$/, /moment$/), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __LOCAL_PRODUCTION__: isDevelopment,
@@ -77,44 +81,119 @@ var getProdPlugins = function getProdPlugins(options) {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css',
-    chunkFilename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css'
+    chunkFilename: enableChunkHash ? './css/[name].[chunkhash:20]_.css' : './css/[name]_.css',
+    ignoreOrder: true
   }), new _plugins.ResourceHintsPlugin(), new _plugins.UglifyCSSPlugin()];
+  const i18nManifestFileName = 'i18n-manifest.json';
+  /**
+   * NOTE:
+   *  this file name ext .i18n.js added
+   *  Because, in service worker they maintain cache as file name based
+   *  So, to make differce we added .i18n.js ext.
+   */
+
+  const i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].[chunkhash].i18n.js';
+  const i18nPublicPath = Array.isArray(publicPaths) && !cdnMapping.isCdnEnabled ? publicPaths['4'] : ''; // const  i18nFileNameTemplate = 'i18n-chunk/[locale]/[name].[contentHash]_.js';
+  // const  i18nFileNameTemplate = 'i18n-chunk/[locale]/[name]_.js';
+
+  if (i18n.chunkSplitEnable) {
+    plugins.push(new _I18nSplitPlugin.default({
+      jsResource: i18n.jsResource,
+      localeVarName: i18n.localeVarName,
+      jsonpFunc: i18n.jsonpFunc,
+      disableDefault: i18n.disableDefault,
+      publicPath: i18nPublicPath,
+      i18nManifestFileName,
+      // template: (object, locale) => `window.loadI18n(${JSON.stringify(object)}, ${JSON.stringify(locale)})`,
+      filenameTemplate: i18nFileNameTemplate,
+      propertiesFolder: i18n.propertiesFolder
+    }));
+  } else {
+    plugins.push(new _copyWebpackPlugin.default({
+      patterns: [{
+        from: `${_path.default.join(process.cwd(), context, 'i18n')}/`,
+        to: enableChunkHash ? './i18n/[name].[hash:20]_.[ext]' : './i18n/[name]_.[ext]',
+        toType: 'template'
+      }]
+    }));
+  }
+
+  tpFolder && plugins.push(new _copyWebpackPlugin.default({
+    patterns: [{
+      from: `${_path.default.join(process.cwd(), context, tpFolder)}/`,
+      to: `./${tpFolder}/`,
+      toType: 'dir'
+    }]
+  }));
+
   if (hasEFC) {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: enableChunkHash ? 'index.[templatehash:20].html' : 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       excludeChunks: ['efc', 'widget'],
       minify: false,
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
     }));
+    plugins.push(new _plugins.EFCPlugin({
+      isDevelopment,
+      serverUrl: publicPath,
+      i18nFileNameTemplate,
+      i18nManifestFileName,
+      entryPointName: 'efc',
+      // outputFile: 'zohodesk-efc-sdk-latest.js',
+      nameScope: efcNameSpace,
+      localeAttr: efcLocaleAttr,
+      cdnVariableName: cdnMapping.isCdnEnabled ? cdnMapping.variableName : null
+    }));
   } else {
-    plugins.push(new _htmlWebpackPlugin2.default({
+    plugins.push(new _htmlWebpackPlugin.default({
       chunksSortMode: 'none',
       filename: enableChunkHash ? 'index.[templatehash:20].html' : 'index.html',
-      template: _path2.default.join(process.cwd(), folder, 'index.html'),
+      template: _path.default.join(process.cwd(), folder, 'index.html'),
       minify: false,
       templateParameters: _common.templateParameters,
       scriptLoading: 'defer',
       inject: inject
     }));
   }
-  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({ publicPath: publicPath, mode: mode }));
-  if (publicPaths && !isDevelopment) {
-    var callback = publicPaths.callback;
 
-    plugins.push(callback ? new _plugins.PublicPathCallbackPlugin({ callback: callback }) : new _plugins.PublicPathChangePlugin({ publicPaths: publicPaths, resourceHints: resourceHints }));
+  plugins.push(new _plugins.I18NInjectIntoIndexPlugin({
+    // Because we  will handle cdn url in CdnChangePlugin
+    publicPath: cdnMapping.isCdnEnabled ? '' : i18nPublicPath,
+    isDevelopment,
+    templateLabel: i18n.templateLabel || '{{--user-locale}}',
+    i18nFileNameTemplate,
+    i18nManifestFileName,
+    mainChunkName: 'main'
+  }));
+
+  if (publicPaths && !isDevelopment && !cdnMapping.isCdnEnabled) {
+    let {
+      callback
+    } = publicPaths;
+    plugins.push(callback ? new _plugins.PublicPathCallbackPlugin({
+      callback
+    }) : new _plugins.PublicPathChangePlugin({
+      publicPaths,
+      resourceHints
+    }));
   }
 
-  plugins.push(new _lodashWebpackPlugin2.default({
+  if (cdnMapping.isCdnEnabled) {
+    plugins.push(new _plugins.CdnChangePlugin(cdnMapping));
+  }
+
+  plugins.push(new _lodashWebpackPlugin.default({
     collections: true,
     shorthands: true
   }));
   hasShadowDOM && plugins.push(new _plugins.ShadowDOMSupportPlugin());
+
   if (!isDevelopment) {
     enableSMap && enableSMapHook && plugins.push(new _plugins.SourceMapHookPlugin());
     optimize && plugins.push(new _plugins.OptimizeJSPlugin());
@@ -126,6 +205,7 @@ var getProdPlugins = function getProdPlugins(options) {
       plugins.push(new _webpackBundleAnalyzer.BundleAnalyzerPlugin({
         analyzerMode: 'static',
         generateStatsFile: true,
+        openAnalyzer: false,
         statsOptions: {
           source: false,
           normal: true,
@@ -135,33 +215,42 @@ var getProdPlugins = function getProdPlugins(options) {
           assets: true,
           assetsSort: 'name'
         }
+      })); // plugins.push(new ReportGeneratePlugin());
+    }
+
+    if (tpHashMapping && tpHashMapping.length > 0) {
+      plugins.push(new _plugins.TPHashMappingPlugin({
+        fileMappings: tpHashMapping,
+        tpFolder: `${_path.default.join(process.cwd(), context, tpFolder)}/`
       }));
-      // plugins.push(new ReportGeneratePlugin());
     }
   }
 
   if (!isDevelopment && serviceWorker.enableSw) {
-    var filePath = serviceWorker.filePath,
-        _serviceWorker$fileNa = serviceWorker.fileName,
-        fileName = _serviceWorker$fileNa === undefined ? 'sw.js' : _serviceWorker$fileNa,
-        _serviceWorker$exitPa = serviceWorker.exitPath,
-        exitPath = _serviceWorker$exitPa === undefined ? '/' : _serviceWorker$exitPa,
-        _serviceWorker$replac = serviceWorker.replaceText,
-        replaceText = _serviceWorker$replac === undefined ? '@@' : _serviceWorker$replac;
+    let {
+      filePath,
+      fileName = 'sw.js',
+      exitPath = '/',
+      replaceText = '@@'
+    } = serviceWorker;
 
     if (!filePath) {
       throw new Error('File Path required for service worker plugin');
     }
+
     plugins.push(new _plugins.ServiceWorkerPlugin({
-      filePath: _path2.default.join(process.cwd(), filePath),
+      filePath: _path.default.join(process.cwd(), filePath),
+      i18nFileNameTemplate,
       fileName: fileName,
-      exitPath: _path2.default.join(outputFolder, exitPath),
-      replaceText: replaceText,
-      publicPaths: publicPaths
+      exitPath: _path.default.join(outputFolder, exitPath),
+      replaceText,
+      publicPaths
     }));
   }
 
+  customAttributes.enable && plugins.push(new _CustomAttributePlugin.CustomAttributePlugin(customAttributes));
   return plugins;
 };
 
-exports.default = getProdPlugins;
+var _default = getProdPlugins;
+exports.default = _default;

package/lib/pluginUtils/getServerPlugins.js

@@ -1,28 +1,25 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _webpack = require('webpack');
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
-
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getProdPlugins = function getProdPlugins() {
-  var plugins = [new _webpack2.default.optimize.ModuleConcatenationPlugin(), new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack2.default.DefinePlugin({
+let getProdPlugins = () => {
+  let plugins = [new _webpack.default.optimize.ModuleConcatenationPlugin(), new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.IgnorePlugin(/^\.\/domain$/, /moment$/), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: true,
     __DOCS__: false,
     __SERVER__: true
   })];
-
   return plugins;
 };
 
-exports.default = getProdPlugins;
+var _default = getProdPlugins;
+exports.default = _default;

package/lib/pluginUtils/getUMDCSSPlugins.js

@@ -1,27 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
+var _plugins = require("../plugins");
 
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _plugins = require('../plugins');
-
-var _webpack = require('webpack');
-
-var _webpack2 = _interopRequireDefault(_webpack);
+var _webpack = _interopRequireDefault(require("webpack"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getUMDCSSPlugins = function getUMDCSSPlugins() {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getUMDCSSPlugins = () => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: false,
@@ -29,11 +24,12 @@ var getUMDCSSPlugins = function getUMDCSSPlugins() {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: 'css/[name].css',
     chunkFilename: 'css/[id].css'
   }), new _plugins.UglifyCSSPlugin()];
   return plugins;
 };
 
-exports.default = getUMDCSSPlugins;
+var _default = getUMDCSSPlugins;
+exports.default = _default;

package/lib/pluginUtils/getUMDComponentPlugins.js

@@ -1,27 +1,22 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.default = void 0;
 
-var _caseSensitivePathsWebpackPlugin = require('case-sensitive-paths-webpack-plugin');
+var _caseSensitivePathsWebpackPlugin = _interopRequireDefault(require("case-sensitive-paths-webpack-plugin"));
 
-var _caseSensitivePathsWebpackPlugin2 = _interopRequireDefault(_caseSensitivePathsWebpackPlugin);
+var _webpack = _interopRequireDefault(require("webpack"));
 
-var _webpack = require('webpack');
+var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
 
-var _webpack2 = _interopRequireDefault(_webpack);
-
-var _miniCssExtractPlugin = require('mini-css-extract-plugin');
-
-var _miniCssExtractPlugin2 = _interopRequireDefault(_miniCssExtractPlugin);
-
-var _plugins = require('../plugins');
+var _plugins = require("../plugins");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getUMDComponentPlugins = function getUMDComponentPlugins(isDocs) {
-  var plugins = [new _caseSensitivePathsWebpackPlugin2.default(), new _webpack2.default.DefinePlugin({
+let getUMDComponentPlugins = isDocs => {
+  let plugins = [new _caseSensitivePathsWebpackPlugin.default(), new _webpack.default.DefinePlugin({
     __TEST__: false,
     __DEVELOPMENT__: false,
     __DOCS__: isDocs ? true : false,
@@ -29,11 +24,12 @@ var getUMDComponentPlugins = function getUMDComponentPlugins(isDocs) {
       NODE_ENV: JSON.stringify('production')
     },
     __SERVER__: false
-  }), new _miniCssExtractPlugin2.default({
+  }), new _miniCssExtractPlugin.default({
     filename: 'css/[name].css',
     chunkFilename: 'css/[name].css'
   }), new _plugins.UglifyCSSPlugin()];
   return plugins;
 };
 
-exports.default = getUMDComponentPlugins;
+var _default = getUMDComponentPlugins;
+exports.default = _default;

package/lib/pluginUtils/index.js

@@ -1,70 +1,63 @@
-'use strict';
+"use strict";
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-
-var _getDevPlugins = require('./getDevPlugins');
-
-Object.defineProperty(exports, 'getDevPlugins', {
+Object.defineProperty(exports, "getDevPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getDevPlugins).default;
+  get: function () {
+    return _getDevPlugins.default;
   }
 });
-
-var _getProdPlugins = require('./getProdPlugins');
-
-Object.defineProperty(exports, 'getProdPlugins', {
+Object.defineProperty(exports, "getDocsPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getProdPlugins).default;
+  get: function () {
+    return _getDocsPlugins.default;
   }
 });
-
-var _getDocsPlugins = require('./getDocsPlugins');
-
-Object.defineProperty(exports, 'getDocsPlugins', {
+Object.defineProperty(exports, "getLibraryPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getDocsPlugins).default;
+  get: function () {
+    return _getLibraryPlugins.default;
   }
 });
-
-var _getServerPlugins = require('./getServerPlugins');
-
-Object.defineProperty(exports, 'getServerPlugins', {
+Object.defineProperty(exports, "getProdPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getServerPlugins).default;
+  get: function () {
+    return _getProdPlugins.default;
   }
 });
-
-var _getLibraryPlugins = require('./getLibraryPlugins');
-
-Object.defineProperty(exports, 'getLibraryPlugins', {
+Object.defineProperty(exports, "getServerPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getLibraryPlugins).default;
+  get: function () {
+    return _getServerPlugins.default;
   }
 });
-
-var _getUMDComponentPlugins = require('./getUMDComponentPlugins');
-
-Object.defineProperty(exports, 'getUMDComponentPlugins', {
+Object.defineProperty(exports, "getUMDCSSPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getUMDComponentPlugins).default;
+  get: function () {
+    return _getUMDCSSPlugins.default;
   }
 });
-
-var _getUMDCSSPlugins = require('./getUMDCSSPlugins');
-
-Object.defineProperty(exports, 'getUMDCSSPlugins', {
+Object.defineProperty(exports, "getUMDComponentPlugins", {
   enumerable: true,
-  get: function get() {
-    return _interopRequireDefault(_getUMDCSSPlugins).default;
+  get: function () {
+    return _getUMDComponentPlugins.default;
   }
 });
 
+var _getDevPlugins = _interopRequireDefault(require("./getDevPlugins"));
+
+var _getProdPlugins = _interopRequireDefault(require("./getProdPlugins"));
+
+var _getDocsPlugins = _interopRequireDefault(require("./getDocsPlugins"));
+
+var _getServerPlugins = _interopRequireDefault(require("./getServerPlugins"));
+
+var _getLibraryPlugins = _interopRequireDefault(require("./getLibraryPlugins"));
+
+var _getUMDComponentPlugins = _interopRequireDefault(require("./getUMDComponentPlugins"));
+
+var _getUMDCSSPlugins = _interopRequireDefault(require("./getUMDCSSPlugins"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/plugins/CdnChangePlugin.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _htmlWebpackPlugin = _interopRequireDefault(require("html-webpack-plugin"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const MODULE_TYPE = 'css/mini-extract';
+
+const isI18nFile = url => url.endsWith(".i18n.js");
+
+class CdnChangePlugin {
+  constructor(options) {
+    this.i18nTemplate = options.i18nTemplate || '{{__I18N_CDN__}}';
+    this.variableName = options.variableName || '__CSS_CDN__';
+    this.cssTemplate = options.cssTemplate || '{{__CSS_CDN__}}';
+    this.jsTemplate = options.jsTemplate || '{{__JS_CDN__}}';
+  }
+
+  getCssChunkObject(mainChunk) {
+    const obj = {};
+
+    for (const chunk of mainChunk.getAllAsyncChunks()) {
+      for (const module of chunk.modulesIterable) {
+        if (module.type === MODULE_TYPE) {
+          obj[chunk.id] = 1;
+          break;
+        }
+      }
+    }
+
+    return obj;
+  }
+
+  apply(compiler) {
+    compiler.hooks.thisCompilation.tap('CdnChangePlugin', compilation => {
+      compilation.mainTemplate.hooks.requireEnsure.tap('CdnChangePlugin', (source, chunk) => {
+        const chunkMap = this.getCssChunkObject(chunk);
+
+        if (Object.keys(chunkMap).length > 0) {
+          return source.replace('__webpack_require__.p', `window['${this.variableName}']`);
+        }
+      });
+    });
+    compiler.hooks.make.tap('CdnChangePlugin', compilation => {
+      _htmlWebpackPlugin.default.getHooks(compilation).beforeAssetTagGeneration.tapAsync('CdnChangePlugin', (data, cb) => {
+        data.assets = Object.assign({}, data.assets, {
+          css: data.assets.css.map(css => `${this.cssTemplate}${css}`),
+          js: data.assets.js.map(js => `${isI18nFile(js) ? this.i18nTemplate : this.jsTemplate}${js}`)
+        });
+        cb(null, data);
+      });
+    });
+  }
+
+}
+
+var _default = CdnChangePlugin;
+exports.default = _default;