vue单独打包js文件

JavaScript09

vue单独打包js文件,第1张

刚开始学vue框架,公司要求项目打包的时候把服务器的ip地址单独留一个接口,方便后期商家可以自行配置自己的服务器地址。

解决办法:

1、新建一个js文件用于保存服务器的ip地址,将当前ip存入window对象,内容如下:

2、在webpack配置文件中找到plugins选项,配置插件:

3、在index.html文件中以script标签形式引入server.js(保存ip)文件,注意在打包的时候开发环境和生产环境的路径问题:

4、在main.js中将ip添加到vue原型中:Vue.prototype.ip = window.ip

5、最后在需要调用 的地方直接使用this.ip即可。

6、打包之后的目录结构,如果服务器的ip地址发生了变化,可直接修改server.js文件,然后保存。

js是静态文件,jsp是动态文件,两个都可以用来保存复用函数。\x0d\x0a我明白楼主的意思,将某些javascript过程封装成函数放在单独的文件里可以提高复用,事实上我们在项目开发中的确有两种选择,就像楼主所说的一种是放在js文件,而另一种是放在jsp文件里。\x0d\x0a一般来说,放在jsp文件里可以获得比较好的灵活另,例如实现国际化,将js写在jsp文件里然后配合struts的标签是很容易实现的,但是这在js文件里就很难做到。\x0d\x0a但是js文件也有一个有点,就是可以让客户端缓存,比如说,一个网站可能有很多个页面需要引用某个js函数,如果这个函数放在jsp文件,然后在每个页面都include它,那么每次页面加载时都将重复下载这部分代码;但是,如果放在js文件的话,那么客户端在第一次引用该函数时下载js文件,在后面的使用中发现路径相同就直接引用本地缓存的js文件。因为它是静态文件所以能够缓存。\x0d\x0a总结一下,放在js文件可以降低网络传输量,所以,如果不是为了必须的灵活性,应该尽量使用js文件来保存javascript代码。