webpack打包攜帶某個(gè)文件到dist目錄的配置方法
在 Webpack 配置文件 webpack.config.js 中,可以使用 CopyWebpackPlugin 插件實(shí)現(xiàn)將特定文件復(fù)制到dist目錄;安裝 CopyWebpackPlugin 插件;
npm install copy-webpack-plugin --save-dev
在 webpack.config.js 中引入 CopyWebpackPlugin 插件
const CopyWebpackPlugin = require('copy-webpack-plugin');
在 Webpack 配置中,添加 CopyWebpackPlugin 插件的配置,指定要復(fù)制的文件和目標(biāo)目錄
module.exports = { // 其他配置... plugins: [ new CopyWebpackPlugin({ patterns: [ { from: 'path/to/your/file.txt', to: 'test' } ] }) ] };
將 'path/to/your/file.ext' 替換為要復(fù)制的文件的實(shí)際路徑,將 to: 'test' 替換為希望文件復(fù)制到的目標(biāo)目錄;運(yùn)行 Webpack 構(gòu)建命令,Webpack 將會(huì)將指定文件復(fù)制到 dist 目錄中 的 test 目錄下;如果將 to: 'test' 替換為 to: '/' 將直接打包到dist下;
打包報(bào)錯(cuò)問題:
沒有權(quán)限創(chuàng)建路徑,使用 path 包解決;
const path = require('path') module.exports = { // 其他配置... plugins: [ new CopyWebpackPlugin({ patterns: [ { from: 'path/to/your/file.txt', to: path.join(__dirname, './dist') } ] }) ] };
到此這篇關(guān)于webpack打包攜帶某個(gè)文件到dist目錄的文章就介紹到這了,更多相關(guān)webpack打包dist目錄內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript通過join函數(shù)連接數(shù)組里所有元素的方法
這篇文章主要介紹了JavaScript通過join函數(shù)連接數(shù)組里所有元素的方法,實(shí)例分析了javascript中join函數(shù)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03js通過iframe加載外部網(wǎng)頁的實(shí)現(xiàn)代碼
這篇文章主要介紹了js通過iframe加載外部網(wǎng)頁的實(shí)現(xiàn)代碼,需要的朋友可以參考下2015-04-04Servlet實(shí)現(xiàn)文件上傳,可多文件上傳示例
本篇文章主要介紹了Servlet實(shí)現(xiàn)文件上傳,可多文件上傳示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12javascript中萬惡的function實(shí)例分析
javascript中萬惡的function實(shí)例分析,學(xué)習(xí)js的朋友可以參考下。2011-05-05JavaScript實(shí)現(xiàn)列表分頁功能特效
最近在做一個(gè)小項(xiàng)目,有時(shí)需要制作靜態(tài)頁面網(wǎng)站,而一旦涉及到文章的分頁,實(shí)現(xiàn)起來非常麻煩,自己又剛?cè)腴T,對(duì)js不是很熟悉,所以就拿來練練手。2015-05-05