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都可以访问了