Electron-vue运行页面process is not defined

最新推荐文章于 2024-03-13 17:18:14 发布

原创最新推荐文章于 2024-03-13 17:18:14 发布 · 394 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#vue

收录于

Vue 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一个使用Electron和Vue构建的应用项目的Webpack配置细节。具体包括如何设置HTML模板、压缩选项、环境变量区分等内容。

在这里插入图片描述

.electron-vue/webpack.web.config.js

    new HtmlWebpackPlugin({
     filename: "index.html",
     template: path.resolve(__dirname, "../src/index.ejs"),
     minify: {
       collapseWhitespace: true,
       removeAttributeQuotes: true,
       removeComments: true,
     },
     isBrowser: false,
     isDevelopment: process.env.NODE_ENV !== "production",
     nodeModules:
       process.env.NODE_ENV !== "production"
         ? path.resolve(__dirname, "../node_modules")
         : false,
   }),

src/index.ejs

  <body>
   <div id="app"></div>
   <!-- Set `__static` path to static files in production -->
   <% if (!htmlWebpackPlugin.options.isBrowser && !htmlWebpackPlugin.options.isDevelopment) { %>
     <script>
       if (process.env.NODE_ENV !== 'development') window.__static = require('path').join(__dirname, '/static').replace(/\\/g, '\\\\')
     </script>
   <% } %>
   <!-- webpack builds are automatically injected -->
 </body>