webpack3.6.0构建vue项目怎么升级vue-devServe？

  • Z时代
  • 2024-02-23
  • 分类：IT

由于是老项目， 这个又使用的是webpack构建的vue项目， 又和后端是前后不分离的，这里的vue只是输出静态资源文件， 并不是使用VueDevServe和webpack-dev来启动热更新来编译组件，所以导致开发的时候比较依赖后端的服务才能跑起来整个项目，把文件搬到vue-cli的项目中去， 但是里面太多路径结构又是包括命名不一样，有没有大佬知道这样的项目怎么升级单独前端启动devServe方式呢？
webpack3.6.0构建vue项目怎么升级vue-devServe？

回答：

如果只是想要拥有一个本地开发环境，可以不使用 vue-cli
直接使用 webpack 自带的 devServer 就行了

exports default {
  // 这里没看到你有入口文件，可以仿造 vuecli 的目录生成一个
  entry: path.resolve(__dirname, '../src/main.js'),
  output: {
    filename: 'js/[name].js',
    path: path.resolve(__dirname, '../dist'),
  },
  devServer: {
    static: {
      directory: path.resolve(__dirname, '../dist'),
    },
    compress: true,
    port: 8080,
    hot: true,
  },
  // ...
}

启动的脚本 webpack-dev-server --config 配置路径
一些api可以参考下webpack文档
老项目升级起来还是不难的，只要有耐心，拉个分支慢慢改就行了
这边推荐可以把 webpack 版本也一起升级了

以上是 webpack3.6.0构建vue项目怎么升级vue-devServe？ 的全部内容， 来源链接： utcz.com/p/932960.html

回到顶部