web前端|js教程
webpack,web,实现
web前端-js教程
下面我就为大家分享一篇webpack项目调试以及独立打包配置文件的方法，具有很好的参考价值，希望对大家有所帮助。
生日 源码 asp,博通ubuntu驱动,tomcat7+32位下载,爬虫自动盗文,替换1而不替换11php,seo文章创作lzw
webpack项目调试
c 商城cms系统源码,ubuntu i3,Tomcat 部署控制台,python爬虫攻防,如何切换php版本,河南为什么要做seo关键词优化lzw
-sourcemap
简单java在线考试系统源码下载,vscode华为怎么清空终端,ubuntu端口不通,tomcat启动成功标志,web安全爬虫,php echo换行符,seo推广哪家经验丰富,wordpres到底是什么网站,验光单模板lzw
webpack配置提供了devtool这个选项，如果设置为 ‘#source-map’，则可以生成.map文件，在chrome浏览器中调试的时候可以显示源代码。
devtool: #source-mapwebpack独立生成可修改的配置文件用generate-asset-webpack-plugin这个插件，在webpack.prod.config.js中去生成configServer.json文件，让其build的时候生成json文件，然后时候get方法异步获取json，替换url即可具体做法：先安装generate-asset-webpack-plugin插件npm install --save-dev generate-asset-webpack-plugin在webpack.prod.conf.js里面配置
//让打包的时候输出可配置的文件var GenerateAssetPlugin = require(generate-asset-webpack-plugin); var createServerConfig = function(compilation){ let cfgJson={ApiUrl:"http://139.129.31.108:8001"}; return JSON.stringify(cfgJson);}
//让打包的时候输入可配置的文件 new GenerateAssetPlugin({ filename: serverconfig.json, fn: (compilation, cb) => {cb(null, createServerConfig(compilation)); }, extraFiles: [] })
打包之后，在根目录就会生成serverconfig.json文件
使用(vue-resourse)：
Vue.http.get("serverconfig.json").then((result)=>{ localStorage.setItem(ApiUrl,result.data.ApiUrl); console.log(localStorage.getItem(ApiUrl)); }).catch((error)=>{console.log(error)});
则可以获取到serverconfig.json里面的key ApiUrl的值，需要注意的是，由于是异步操作，为了通信，可以采用localstorage，把东西存起来，即localstorage.setItem；使用的时候可以用localstorage.getItem
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
基于IView中on-change属性的使用详解
用Axios Element实现全局的请求loading的方法
iview中Select 选择器多选校验方法
