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

作者站长头像
站长
· 阅读数 14

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

回复
1个回答
avatar
test
2024-07-20

如果只是想要拥有一个本地开发环境，可以不使用 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 版本也一起升级了

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容