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

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

回复
阅读 940
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏