①:运行npm run dev 后自动打开浏览器

      首先找到config里面的index.js文件,然后打开找到autoOpenBrowser属性,把默认的false改为true即可

    webpack-实用的2个配置

 

 

  ②:简写路径(比如把 ../src/pages/home/Home 改写为   @/pages/home/Home)

    首先找到build文件夹里面的webpack.base.conf.js文件,

    webpack-实用的2个配置

      然后双击打开该文件,找到红色框区域的地方(34行,如果之前没有改过原配置的话)

      webpack-实用的2个配置

     这里的@指代src路径

       webpack-实用的2个配置

       因为有上面的设置,所以下面引入组件的路径可以由 ../src/pages/home/Home 改写为   @/pages/home/Home(这里的后缀.vue可省略)

    webpack-实用的2个配置

        上面是webpack默认的配置,我们也可以自己配置

    webpack-实用的2个配置

        设置后,styles就可替代src/assets/styles

    webpack-实用的2个配置

      这时会报错

    webpack-实用的2个配置

    重新设置webpack配置项以后需要先ctrl+c关闭服务,在npm run dev重启即可

相关文章:

  • 2022-12-23
  • 2021-06-15
  • 2021-12-26
  • 2022-01-26
  • 2022-12-23
  • 2021-11-16
  • 2022-12-23
猜你喜欢
  • 2021-09-10
  • 2021-07-27
  • 2021-12-08
  • 2022-12-23
  • 2021-10-26
  • 2022-01-18
相关资源
相似解决方案