zoukankan      html  css  js  c++  java
  • vue.config.js中vue的配置

    文件中Webpack配置

    在vue.config.js中,vue-cli官网上先去看关于webpack的配置

     在文档中有这么一句话:“

    调整 webpack 配置最简单的方式就是在 vue.config.js 中的 configureWebpack 选项提供一个对象,该对象将会被 webpack-merge 合并入最终的 webpack 配置

    这句话的理解就是,我们在configureWebpack内部写上我们的webpack配置会自动合并到webpcak配置文件中,具体的webpack配置方法就去查看webpack官网

    如下别名的例子,会教你如何看官方文档

    别名

    1.去查vue.config.js的指南,找到关于webpack的配置项,从而知道我们的别名配置要写在configureWebpack中

    2.去查webpack官网,找到别名解析这一块内容

    3.根据步骤1和2,最终在vue.config.js中配置如下

    const path=require('path');
    module.exports={
        configureWebpack:{
            resolve:{
                alias:{
                    '@':path.resolve(__dirname,'./src'),                           
              '@components':path.resolve(__dirname,'./src/components')
                }
            }
        }
        
    }

    4.重启,测试:在App.vue中引入components下的组件

    import DInput from '@components/DInput/index'

    5.@components路径可以顺利解析

    热更新

    vue-cli中是默认热更新的,保存后自动刷新.想想平常vue的数据动态更新

  • 相关阅读:
    jsp页面的基本语法
    servlet转发与重定向
    servlet配置及其生命周期
    Java--普通代码块静态代码块执行顺序
    Maven简述
    JDBCTemplate
    AOP--Aspect Oriented Programming
    SpringMVC---简单练手项目
    SpringMVC---进阶篇
    SpringMVC---基础篇(2)
  • 原文地址:https://www.cnblogs.com/liuXiaoDi/p/13099655.html
Copyright © 2011-2022 走看看