微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

现有 vue 应用程序的广告热模块替换

如何解决现有 vue 应用程序的广告热模块替换

我有一个没有热模块替换设置的旧版 vue 项目。

编译后的文件是通过 kestrel 网络服务器从 dist 文件夹提供的。

您必须运行 webpack --progress 等待 2 分钟,硬刷新浏览器...您知道练习。

我尝试通过添加所需的开发依赖项并更新 webpack-config添加 HMR

devServer: {
    contentBase: path.join(__dirname,'wwwroot'),compress: true,port: 8080,open: true,hot: true
  },

当我通过“serve”启动 webpack 服务器时,它会启动并提供内容

i 「wds」: Project is running at http://localhost:8080/
i 「wds」: webpack output is served from /dist/
i 「wds」: Content not from webpack is served from C:\repos\mycompany\myapp\wwwroot
i 「wdm」: wait until bundle finished: /dist/main.css
i 「wdm」: wait until bundle finished: /dist/myapp.js

我还可以看到更改的文件被拾取并开始新的编译。 但是构建(myapp.js)的结果没有改变。要更新它,我仍然必须运行“dev”。 一旦我更改了以 myapp.js 结尾的文件,是否缺少更新 myapp.js 的内容

  "scripts": {
    "dev": "webpack --progress","build": "webpack --progress --mode=production","serve": "webpack-dev-server"
  },

这些是我的开发依赖项。

  "devDependencies": {
    "babel-core": "^6.26.3","babel-eslint": "^8.2.6","babel-loader": "^7.1.5","babel-preset-env": "^1.7.0","copy-webpack-plugin": "^4.5.2","css-loader": "^1.0.0","eslint": "^5.5.0","eslint-config-standard": "^12.0.0","eslint-loader": "2.1.0","eslint-plugin-import": "^2.14.0","eslint-plugin-node": "^7.0.1","eslint-plugin-promise": "^4.0.0","eslint-plugin-standard": "^4.0.0","eslint-plugin-vue": "^4.7.1","html-webpack-plugin": "^3.2.0","mini-css-extract-plugin": "^0.4.2","node-sass": "^4.9.3","sass-loader": "^7.1.0","style-loader": "^0.23.0","stylus": "^0.54.5","stylus-loader": "^3.0.2","uglify-es": "^3.3.10","url-loader": "^1.1.1","vue-loader": "^15.4.1","vue-server-renderer": "^2.5.17","vue-style-loader": "^4.1.2","vue-svg-loader": "^0.10.0","vue-svgicon": "^3.2.0","vue-template-compiler": "^2.5.17","webpack": "^4.18.0","webpack-cli": "^3.1.0","webpack-merge": "^4.1.4","webpack-dev-server": "^3.1.10"
  },

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。