fix: 离线包问题解决.

Author: cpselvis

lib/builder.js

@@ -1,7 +1,7 @@
 'use strict';
 
 /**
- * Copyright (c) 2017 Tencent Inc.
+ * Copyright (c) 2018 Tencent Inc.
  *
  * Webpack构建器，适用于NOW直播IVWEB团队工程项目.
  *
@@ -14,13 +14,13 @@ const HappyPack = require('happypack');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 const ExtractTextPlugin = require('extract-text-webpack-plugin');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
-const ZipWebpackPlugin = require('zip-webpack-plugin');
 const HtmlWebpackExternalsPlugin = require('html-webpack-externals-plugin');
 const HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin');
 const ReplaceBundleStringPlugin = require('replace-bundle-webpack-plugin');
 const HtmlStringReplace = require('html-string-replace-webpack-plugin');
 const StringReplaceWebpackPlugin = require('string-replace-webpack-plugin');
 const SriPlugin = require('webpack-subresource-integrity');
+const OfflineWebpackPlugin = require('offline-webpack-plugin');
 const { deepCopy, listDir, merge, isEmpty } = require('./util');
 const Config = require('./config');
 const projectRoot = Config.getPath();
@@ -235,7 +235,7 @@ class Builder {
         }
 
         return {
-            filename: `${filename}[name]${hash}.js`,
+            filename: `${filename}[name]${hash}.js?_bid=152`,
             path: path.join(projectRoot, 'public/'),
             publicPath: publicPath,
             crossOriginLoading: 'anonymous'
@@ -514,7 +514,7 @@ class Builder {
      * @private
      */
     static _setExternalPlugin(externals) {
-        externals = externals || [
+        const newExternals = externals || [
             {
                 module: 'react',
                 entry: 'https://11.url.cn/now/lib/15.1.0/react-with-addons.min.js?_bid=3123',
@@ -527,19 +527,6 @@ class Builder {
             }
         ];
 
-        const newExternals = [];
-        // 增加 cross-origin 的头
-        externals.map((external) => {
-            const obj = deepCopy(external);
-            obj.entry = {
-                path: external.entry,
-                attributes: {
-                    crossorigin: 'anonymous'
-                }
-            }
-            newExternals.push(obj);
-        });
-
         return new HtmlWebpackExternalsPlugin({
             externals: newExternals
         });
@@ -617,19 +604,29 @@ class Builder {
      * @private
      */
     static _setOffline(assetsPrefix, htmlPrefix, cdnUrl, serverUrl) {
-        return new ZipWebpackPlugin({
+        return new OfflineWebpackPlugin({
             path: path.join(projectRoot,'./public/offline'),
             filename: 'offline.zip',
             pathMapper: (assetPath) => {
                 if (assetPath.indexOf(htmlPrefix) !== -1) {
+                    // 所有资源都改成 now.qq.com 的域名， 防止跨域问题
                     assetPath = assetPath.replace(htmlPrefix, '');
-                    return path.join(serverUrl.replace('//', ''), assetPath);
                 } else if (assetPath.indexOf(assetsPrefix) !== -1) {
                     assetPath = assetPath.replace(assetsPrefix, '');
-                    return path.join(cdnUrl.replace('//', ''), assetPath);
+                }
+                return path.join(serverUrl.replace('//', ''), assetPath);
+            },
+            beforeAddBuffer(source, assetPath) {
+                if (assetPath.indexOf(htmlPrefix) !== -1) {
+                    // 所有资源都改成 now.qq.com 的域名， 防止跨域问题
+                    source = source.replace(/\/\/11\.url\.cn\/now\/([^"'\)\`]+)(["'\`\)])/g, '//now.qq.com/$1$2');
+                    // 去掉 crossorigin="annoymous"
+                    source = source.replace(/crossorigin=\"anonymous\"/g, '');
+                    // 去掉 业务 js 文件的 ?_bid=152
+                    source = source.replace(/\?_bid=152/g, '');
                 }
 
-                return assetPath;
+                return source;
             }
         })
     }
@@ -676,4 +673,4 @@ class Builder {
     }
 }
 
-module.exports = Builder;
+module.exports = Builder;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "builder-webpack3",
-  "version": "0.2.19",
+  "version": "0.3.0",
   "description": "webpack项目构建器.",
   "main": "lib/index.js",
   "scripts": {