• vue项目,webpack中配置src路径别名及使用


    1、项目结构:

    2、在build文件夹下的webpack.base.conf.js文件中设置src的路径别名。

    3、在js文件或者vue文件的script标签中使用:

    (1)、js文件中导入示例:

    (2)、vue文件中导入示例:

    4、css(scss)文件在scss或者vue的style标签中导入示例:

    (1)、在scss文件中导入示例:

    (2)、在vue的style标签中导入示例:

    注意:css或者scss样式导入需要使用 ~@ 开头。

    5、在vue的template模板标签中引入图片路径示例(两种方式均可使用):

    (1)、使用 ~@ 方式引入:

     

    (2)、使用 @ 方式引入:

    (3)、在scss 自定义方法中使用时必须使用 ~@ 方式引入:

    6、完结。

  • 相关阅读:
    声明函数的是方式
    数组的相关属性和函数
    JS选择结构
    JS数据类型
    JS 运算符
    JS 变量
    响应式布局
    css的flex属性
    CSS中的度量单位
    BFC 规则
  • 原文地址:https://www.cnblogs.com/hsl-shiliang/p/10333022.html
Copyright © 2020-2023  润新知