利用一些簡單的webpack的外掛程式

2022-05-03 18:00:12 字數 993 閱讀 2254

const path = require('path')

const htmlwebpackplugin = require("html-webpack-plugin")

const = require('clean-webpack-plugin')

const webpack = require('webpack')

const copywebpackplugin = require('copy-webpack-plugin')

// 拷貝外掛程式 copywebpackplugin

// 版權申明外掛程式 內建

module.exports = ,

// 兩個入口打包, 需要對應的多個出口, 產生多個html

output: ,

devtool: 'source-map',

// 增加的對映檔案 eval-source-map 產生單獨的檔案 )

// 3 不會產生列, 但是是乙個單獨的對映檔案.

// 'cheap-module-source-map' 不會和**關聯起來

// 4)不會產生檔案, 整合在打包檔案中,不會產生列 'cheap-noudle-eval-source-map'

devserver: ,

watch: true, // 監控實時打包

watchoptions: ,

module: ,]},

// new 兩次拆建

plugins: [

new htmlwebpackplugin(),

new cleanwebpackplugin(),

new webpack.hotmodulereplacementplugin(),

new webpack.bannerplugin('make 2020 by yaogengzhu'),

new copywebpackplugin(,

],})

]}

Webpack 一些概念

打包工具有多種,實際中 webpack 接觸的比較多,目前中文文件跟英文文件有些對不上,其中有些概念比較分散,對此進行集中的整理。任何時候,乙個檔案依賴於另乙個檔案,webpack 把這種情況視為依賴關係。這讓 webpack 可以接受非 資源,例如或字型,並且可以將它們作為依賴提供給你的應用程式。...

Webpack 一些概念

打包工具有多種,實際中 webpack 接觸的比較多,目前中文文件跟英文文件有些對不上,其中有些概念比較分散,對此進行集中的整理。任何時候,乙個檔案依賴於另乙個檔案,webpack 把這種情況視為依賴關係。這讓 webpack 可以接受非 資源,例如或字型,並且可以將它們作為依賴提供給你的應用程式。...

一些簡單的演算法

氣泡排序,比如你有五個數 3 4 2 1 0 其原理就是用沒個數和 其他數進行比較 下面我們來書寫每一輪的數值 第一輪 3 4 2 得出佇列 2 4 3 1 0 2 1 0 得出佇列 1 4 3 2 0 得出佇列 0 4 3 2 1 第二輪 4 3 得出佇列 0 3 4 2 1 3 2 1 得出佇列...