webpack 配置笔记

1、vue3.0 + 配置

vue3.0后，webpack配置需要通过 vue-loader + VueLoaderPlugin

 

        

 

2、css，less等样式文件打包到指定文件夹

        

 

 

3、js文件打包到指定文件夹

        如果需要将js打包到指定文件夹，只需要在 output的 filename下指定路径，如下：

        打包后的结果

         

4、图片，svg等静态资源打包       

        file-loader 或者 url-loader

如果需要把图片打包到指定目录，可以通过 outputPath 指定， 注意， 这里的路径是基于 

dist目录下

5、允许小伙伴通过局域网访问你本地的开发环境

        放开host限制即可