vue将js和css单独拆分出来

这里用的是 vue-element-admin 框架

一 新建一个文件夹 webManage ， 里面放 css 和 js 文件夹

图片.png

二 拆分 把需要拆分的文件 直接剪切到对应的文件夹里就可以了

图片.png

三 在vue页面上调用 对应的 js 和 css
``

<script> 
  import login from "../../webManage/js/login/login.js";
  export default login;
</script>
 
<style lang="scss" scoped>
   @import '../../webManage/css/login/login.scss'
</style>

![图片.png](https://img.haomeiwen.com/i12842279/d08e0fe6ed9f2ec4.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)