vue使用技巧

引入外部js文件


 

1.在根目录创建文件夹,例如‘libs’,将js文件拷贝至libs目录下

2.修改webpack.dev.conf.js和webpack.prod.conf.js,在CopyWebpackPlugin下添加以下代码

new CopyWebpackPlugin [
    ....
    {
         from: path.resolve(__dirname, '../libs'),
         to: './'
    }   
]

运行npm run build后,libs下的js文件会被放到dist目录下,组件内可以直接使用js文件内的方法

参照博客,前往>>>

 

vue启动ip与localhost访问


本地调试,运行npm run dev后,我们可以在地址栏中输入localhost+端口号访问我们的vue应用,但如果我们想要使用ip地址实现局域网内访问的话怎么办呢?

非常方便的是,我们只需要将config/index.js中dev下的【host】配置为本机的内网ip地址即可

dev: 
{ 
    env: require('./dev.env'), 
    port: 8888,
    host: '192.168.1.101', 
    ...... 
}

但是这样的话本地localhost就没法访问了,如果本地使用了代理啥的还得去更改,那localhost和ip能不能都可以呢?--可以的,操作如下:

1.上面更改的地方将host改为'0.0.0.0'

2.package.js文件scripts节点下的dev节点末尾,增加'--host 0.0.0.0'

再次运行npm run dev,你会发现localhost和ip都可以访问了

 

上一篇:java -jar命令运行jar包时指定外部依赖jar包 linxux or windows


下一篇:Egret之config.ts