vue快速打包(优化)

vue.config.js

const path = require("path");

module.exports = {
  // 部署应用包时的基本 URL,用法和 webpack 本身的 output.publicPath 一致
  publicPath: "./",
  // 输出文件目录
  outputDir: "dist",
  // eslint-loader 是否在保存的时候检查
  lintOnSave: true,
  // 是否使用包含运行时编译器的 Vue 构建版本
  runtimeCompiler: false,
  // 生产环境是否生成 sourceMap 文件
  productionSourceMap: false,
  // 生成的 HTML 中的 <link rel="stylesheet"> 和 <script> 标签上启用 Subresource Integrity (SRI)
  integrity: false,
  // webpack相关配置
  chainWebpack: (config) => {
    config.resolve.alias
      .set("vue$", "vue/dist/vue.esm.js")
      .set("@", path.resolve(__dirname, "./src"));
  },
  configureWebpack: (config) => {
    if (process.env.NODE_ENV === "production") {
      // 生产环境
      config.mode = "production";
    } else {
      // 开发环境
      config.mode = "development";
    }
  },
  // css相关配置
  //   css: {
  //     // 是否分离css(插件ExtractTextPlugin)
  //     extract: true,
  //     // 是否开启 CSS source maps
  //     sourceMap: false,
  //     // css预设器配置项
  //     loaderOptions: {},
  //     // 是否启用 CSS modules for all css / pre-processor files.
  //     modules: false
  //   },
  // 是否使用 thread-loader
  //parallel: require('os').cpus().length > 1,
  // PWA 插件相关配置
  //pwa: {},
  // webpack-dev-server 相关配置
  //   devServer: {
  //     open: true,
  //     host: 'localhost',
  //     port: 8080,
  //     https: false,
  //     hotOnly: false,
  //     // http 代理配置
  //     proxy: {
  //       '/api': {
  //         target: 'http://127.0.0.1:3000/api',
  //         changeOrigin: true,
  //         pathRewrite: {
  //             '^/api': ''
  //         }
  //       }
  //     },
  //     before: (app) => {}
  //   },
  // 第三方插件配置
  pluginOptions: {},
  // devServer: {
  //   overlay: {
  //     // 让浏览器 overlay 同时显示警告和错误
  //     warnings: true,
  //     errors: true,
  //   },
  //   host: "localhost",
  //   port: 8080, // 端口号
  //   https: false, // https:{type:Boolean}
  //   open: true, // 配置自动启动浏览器
  //   hotOnly: true, // 热更新
  //   proxy: {
  //     // 配置多个跨域
  //     "/api": {
  //       target: "http://ceshi5.dishait.cn/admin", //跨域接口的地址
  //       changeOrigin: false,
  //       pathRewrite: {
  //         "^/api": "",
  //       },
  //     },
  //   },
  //   headers: {
  //     "Access-Control-Allow-Origin": "*",
  //   },
  //   // before: (app) => {},
  // },
};

server.js

var express = require("express");
var app = require("express")(),server = require("http").createServer(app);

server.listen(8888);
app.use(express.static("./dist"));
app.get("/" , function (req , res) {
  res.sendfile(__dirname + 'index.html')
})

然后npm run build 就可以快速打包了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值