webpack调整

dc5b234a · 以墨为白 · e801de11 · dc5b234a · dc5b234a · dc5b234a
Commit dc5b234a authored Dec 07, 2023 by 以墨为白 🎧
Hide whitespace changes
Inline Side-by-side

Showing with 81 additions and 66 deletions

onlyoffice.html onlyoffice.html +1 -56

src/onlyoffice.js src/onlyoffice.js +50 -0

webpack.config.js webpack.config.js +30 -10

No files found.
--- a/onlyoffice.html
+++ b/onlyoffice.html
@@ -4,66 +4,11 @@
 <head>
    <meta charset="UTF-8">
    <title>文件预览</title>
+    <script src="http://192.168.168.213:9000/web-apps/apps/api/documents/api.js"></script>
 </head>

 <body>
    <div id="placeholder"></div>
-    <script src="http://192.168.168.213:9000/web-apps/apps/api/documents/api.js"></script>
-    <script>
-
-        var getParameters = function () {
-            var search = window.location.search;
-            var obj = {};
-            if (search != '') {
-                // window.location.search '' or start with '?'
-                search = search.substring(1);
-                var keypairArray = search.split('&');
-                for (i in keypairArray) {
-                    keypair = keypairArray[i];
-                    partArray = keypair.split('=');
-                    if (partArray.length == 2) {
-                        obj[partArray[0]] = partArray[1];
-                    }
-                }
-            }
-            return obj;
-        }
-
-        var param = getParameters();
-
-        var docEditor = new DocsAPI.DocEditor("placeholder", {
-            "document": {
-                "fileType": param.fileType.replace(".", ""),
-                "permissions": {
-                    "edit": false,
-                    "copy": false,
-                    "download": false,
-                    "print": false,
-                    "chat": false
-                },
-                // "key": "C8D7FB890BAC496FB0D27B163EDB88BDAA",
-                "title": decodeURIComponent(param.filename),
-                "url": decodeURIComponent(param.url),
-            },
-            "height": "1000px",
-            "width": "100%",
-            "editorConfig": {
-                "mode": 'view',
-                "customization": {
-                    //是否显示插件
-                    "plugins": false,
-                    "feedback": {
-                        "url": "https://example.com",
-                        "visible": false
-                    },
-                    "help": false
-                },
-                about: false,
-            }
-
-        });
-
-    </script>
 </body>

 </html>
\ No newline at end of file
--- a/src/onlyoffice.js
+++ b/src/onlyoffice.js
+var getParameters = function () {
+    var search = window.location.search;
+    var obj = {};
+    if (search != '') {
+        // window.location.search '' or start with '?'
+        search = search.substring(1);
+        var keypairArray = search.split('&');
+        for (i in keypairArray) {
+            keypair = keypairArray[i];
+            partArray = keypair.split('=');
+            if (partArray.length == 2) {
+                obj[partArray[0]] = partArray[1];
+            }
+        }
+    }
+    return obj;
+}
+
+var param = getParameters();
+
+var docEditor = new DocsAPI.DocEditor("placeholder", {
+    "document": {
+        "fileType": param.fileType.replace(".", ""),
+        "permissions": {
+            "edit": false,
+            "copy": false,
+            "download": false,
+            "print": false,
+            "chat": false
+        },
+        // "key": "C8D7FB890BAC496FB0D27B163EDB88BDAA",
+        "title": decodeURIComponent(param.filename),
+        "url": decodeURIComponent(param.url),
+    },
+    "height": "1000px",
+    "width": "100%",
+    "editorConfig": {
+        "mode": 'view',
+        "customization": {
+            //是否显示插件
+            "plugins": false,
+            "feedback": {
+                "url": "https://example.com",
+                "visible": false
+            },
+            "help": false
+        },
+        about: false,
+    }
+});
\ No newline at end of file
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -8,29 +8,49 @@ const vueLoaderPlugin = require('vue-loader/lib/plugin')
 module.exports = {
    mode: 'development', // 开发模式
    // mode: 'production',
-    entry: path.resolve(__dirname, './src/main.js'), // 项目入口文件
+    entry: {
+        main: path.resolve(__dirname, './src/main.js'),
+        onlyoffice: path.resolve(__dirname, './src/onlyoffice.js')
+    }, // 项目入口文件
    output: {
        filename: '[name].[contenthash:8].js',
        path: path.resolve(__dirname, './web') // 打包后的目录
    },
-    resolve:{
-        alias:{
-            '@':path.join(__dirname,'./src/')
+    resolve: {
+        alias: {
+            '@': path.join(__dirname, './src/')
        }
    },
    plugins: [
        new HtmlWebpackPlugin({
            template: path.resolve(__dirname, './index.html'),
+            filename: 'index.html',
            inject: true,
+            chunks: ['main'],
            favicon: path.join('static/img/favicon.ico')
        }),
-        new CleanWebpackPlugin(),
-        new CopyWebpackPlugin({
-            patterns: [
-                { from: path.resolve(__dirname, './static'), to: 'static' },
-                { from: path.resolve(__dirname, './onlyoffice.html'), to: 'onlyoffice.html' },
-            ]
+        new HtmlWebpackPlugin({
+            template: path.resolve(__dirname, './onlyoffice.html'),
+            filename: 'onlyoffice.html',
+            inject: 'body',
+            chunks: ['onlyoffice'],
+            favicon: path.join('static/img/favicon.ico'),
+            // tags: {//webpack5.5以上才支持
+            //     body: [{
+            //         tagName: 'script',
+            //         attributes: {
+            //             src: 'https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js',
+            //         },
+            //     }]
+            // }
        }),
+        new CleanWebpackPlugin(),
+        // new CopyWebpackPlugin({
+        //     patterns: [
+        //         { from: path.resolve(__dirname, './static'), to: 'static' },
+        //         { from: path.resolve(__dirname, './onlyoffice.html'), to: 'onlyoffice.html' },
+        //     ]
+        // }),
        new vueLoaderPlugin()
    ],
    devtool: 'eval',