webpack配置指定文件不打包

引言

在打包配置时，会有一些需求是指定某些文件夹下的某些文件指定不打包压缩的，经过学习，webpack的CopyWebpackPlugin可以帮助我们解决整个问题，下面介绍一下制定流程：

1.npm安装webpack的插件copy-webpack-plugin（有的在初始化项目可能有安装，可以先在package.json上查看是有copy-webpack-plugin有版本信息。）

2 命令cnpm install --save-dev copy-webpack-plugin

3 在在项目下新建一个文件夹用于存储不想被打包编译的文件，例如：’demo‘,demo文件下放入不需要编译的文件

4 修改webpack配置文件（打开build文件夹下的webpack.prod.conf.js文件）

const CopyWebpackPlugin = require('copy-webpack-plugin');new CopyWebpackPlugin([{from: path.resolve(__dirname, '../static'),to: './static',ignore: ['.*']},{from: path.resolve(__dirname, '../demo'),to: './demo',ignore: ['.*']}])

备注：
from:引入某个文件夹下的文件
to:放到指定的目录下

更多配置相关可查看：https://www.npmjs.com/package/copy-webpack-plugin

webpack配置指定文件不打包相关推荐

Android中将指定文件夹打包成压缩文件
Android中将指定文件夹打包成压缩文件因为业务功能的需要,所以今天在网上找了一下安卓中生成压缩文件的代码,搜到的不同文章基本都是用的同一段代码,当我使用这段代码时候发现,它在生成压缩文件的时候并 ...
vue-cli脚手架中webpack配置基础文件详解
一.前言 vue-cli是构建vue单页应用的脚手架,输入一串指定的命令行从而自动生成vue.js+wepack的项目模板.这其中webpack发挥了很大的作用,它使得我们的代码模块化,引入一些插件帮 ...
python打开指定文件-python打包压缩、读取指定目录下的指定类型文件
下面通过代码给大家介绍python打包压缩指定目录下的指定类型文件,具体代码如下所示: import os import datetime import tarfile import fnmatch ...
Linux 排除指定文件夹打包压缩
在Linux服务器中,需要压缩某个目录下的文件,但是又不想要指定子目录下的文件,可以考虑排除打包的方式,例如在/home/mydir目录下有子目录或文件 dir1 dir2 data dir3 lo ...
webpack 入口文件 php,如何实现webpack多入口文件打包配置
本篇文章主要介绍了webpack多入口文件页面打包配置详解,现在分享给大家,也给大家做个参考. 大多数情况下,我们使用 webpack来打包单页应用程序,这个时候只需要配置一个入口,一个模板文件,但也 ...
webpack文件夹打包_webpack多入口文件页面打包详解
本文主要介绍了webpack多入口文件页面打包配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考.一起跟随小编过来看看吧,希望帮助到大家. 大多数情况下,我们使用 webpack来打包单页应 ...
使用webpack配置react并添加到flask应用
学习react,配置是很痛苦的一关,虽然现在有了create-react-app这样方便的工具,但是必须要自己配置一遍,才能更好地进行项目开发. 首先要明确一个概念:react的文件必须经过编译才能被 ...
六、Webpack详解学习笔记——webpack的安装、起步、配置、loader的使用、webpack中配置Vue、plugin的使用、搭建本地服务器、webpack配置的分离
一.认识webpack 什么是webpack? 这个webpack还真不是一两句话可以说清楚的. 我们先看看官方的解释: At its core, webpack is a static module ...
vue-cli脚手架配置基础文件详解/新手入门必看
vue-cli 脚手架中webpack 配置基础文件详解需要Word版本的小伙伴可以发我邮件2445478193@qq.com 一.前言 vue-cli是构建vue单页应用的脚手架,输入一串指定的 ...

webpack配置指定文件不打包

引言

webpack配置指定文件不打包相关推荐

最新文章

热门文章