vue工程化之公有CSSJS文件

Posted jianxian

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue工程化之公有CSSJS文件相关的知识,希望对你有一定的参考价值。

1.关于公共的css

    在src下面新建public.css,然后在main.js中引入进来 import ‘@/public.css‘,这样所有页面中都会使用这个样式了,如果只是部分页面需要,那还是不用用这种公共配置,在页面中引入就好了。

 

2.关于公共的JS

    创建好vue-cli后,如果想安装些开发依赖,那么打开cmd,并进入到对应的项目目录里面,使用命令下载要使用的库,下载完毕后可以在package.json中看下载的库是否存在以及版本,

    然后在src下面的main.js中import引入进来,main.js是项目的入口,所有公用的方法都需要在里面引入并且定义。

  以建立公用的JS为例子:

  1.新建公用的JS库,delop.js

  技术图片

  2.在main.js中引入,并使用 Vue.use(delop) 来使JS生效

      技术图片

  3.在页面中引用

  delop.fun1()
  delop.fun2()

 

 

 

 

 

 

.

以上是关于vue工程化之公有CSSJS文件的主要内容,如果未能解决你的问题,请参考以下文章

使用gulp自动化打包合并前端静态资源(CSSJS文件压缩添加版本号)

C#常用代码片段备忘

Yii2 加载cssjs 载静态资源

Fiddler过滤cssjs图片等静态文件

JQuery 加载 CSSJS 文件的方法有哪些?

云原生之Docker实战使用Docker部署Cloudreve公有云文件系统