美文网首页
4.处理静态资源

4.处理静态资源

作者: __疯子__ | 来源:发表于2020-05-19 14:31 被阅读0次

1.安装依赖

cnpm i -D copy-webpack-plugin@6.0.1
2.在项目跟目录创建文件夹static
此文件夹只放静态文件,不需要webpack进行加工处理,只需要webpack直接拷贝到打包后的目录
3.配置webpack.config.js文件

//处理静态文件(直接拷贝到dist/static文件夹)
const CopyWebpackPlugin=require('copy-webpack-plugin');
const copyWebpackPlugin=new CopyWebpackPlugin({
    patterns:[
      {
        from:'./static',
            to:'static'
      }
    ]
});
//添加插件
    plugins:[
        htmlPlugin,
        miniCssExtractPlugin,
        copyWebpackPlugin   //新增
    ]

相关文章

  • 4.处理静态资源

    1.安装依赖 cnpm i -D copy-webpack-plugin@6.0.12.在项目跟目录创建文件夹st...

  • Photo库使用

    PHAsset 静态资源类(详情) PHAssetCreationRequest 静态资源处理类(增删改查,创建)...

  • 处理静态资源

    1.什么是静态资源?静态资源有哪些? 图片、脚本、样式、icon、第三方库或包等都是静态资源。 当浏览器收到HTM...

  • 从零搭建webpack4+react+typescript+es

    处理静态资源 js的打包基本处理完了,还有图片、音频等静态资源需要处理。 依然先装依赖: 增加webpack配置:...

  • 07.Nginx静态资源配置

    1.静态资源类型 Nginx 作为静态资源 Web 服务器部署配置, 传输⾮常的⾼效, 常常⽤于静态资源处理, 请...

  • TOMCAT-性能调优

    DefaultServlet:Tomcat处理静态资源的ServeltDispatcherServlet:处理re...

  • nodejs+express+art-template处置静态资

    1.处理html文件。 2.处理除了html外的静态资源文件,如img,javascript等,静态资源放在pub...

  • 21 - express 处理静态路由(资源)

    express设置的时候处理静态路由(资源)的特点我们需要使用use来处理静态资源;use:包含了get和post...

  • SpringBoot-Web

    静态资源处理 1、外部静态资源观察springboot中web项目的自动配置类可以发现,springboot中引入...

  • 处理静态资源问题

    1、/** 代表扫描根目录以及子目录下所有的文件 /* 表示只扫描当前路径 2、如果拦截器中配置的拦截路径是/**...

网友评论

      本文标题:4.处理静态资源

      本文链接:https://www.haomeiwen.com/subject/xblbohtx.html