setup-webpack:Mentahan安装Webpack

preview
共50个文件
png：26个
js：9个
html：4个
HTML
需积分: 9 0 下载量 200 浏览量 2021-03-25 19:19:43 上传 评论 收藏 876KB ZIP 举报
资源详情
资源评论
评论 收藏
龙窑溪
  • 粉丝: 31
  • 资源: 4520
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

webpack-setup:用于学习目的的Webpack设置

webpack-setup:用于学习目的的Webpack设置
zip

webpack-setup:基本的Webpack设置，其中包含Webpack 5，React，Babel，SASSSCSS，PostCSS，还支持React快速刷新

Webpack设置 基本的Webpack设置，其中包含Webpack 5，React，Babel，SASS / SCSS，PostCSS，还支持React快速刷新 项目结构 /node_modules它包含Universe中最重的对象，npm将项目的依赖项存储在此目录中。 /src包含我们项目的源代码。 用户自定义。 package.json这是一个JSON文件，其中包含有关我们的项目以及项目
zip

install-webpack-plugin:通过使用 Webpack 自动安装和保存依赖项来加速开发

安装 Webpack 插件 通过使用 Webpack自动安装和保存依赖项来加速开发。 Ctrl-C你的构建脚本和服务器只是为了安装一个你现在不知道你需要的依赖项是低效的。 相反，您可以像往常一样使用require或import ，安装将自动发生，以在您工作时安装和保存丢失的依赖项！ 安装 $ npm install --save-dev install-webpack-plugin 用法 在你
zip

npm-install-webpack-plugin：通过使用Webpack自动安装和保存依赖项来加快开发速度

NPM安装Webpack插件 通过使用Webpack自动安装和保存依赖项来加快开发速度。 仅用Ctrl-C编译脚本和服务器来安装到目前为止不知道的依赖项效率低下。 相反，使用require或import可以正常进行， npm install会自动进行，以在工作时自动安装并保存缺少的依赖项！ 安装 $ npm install --save-dev npm-install-webpack-plug
zip

webpack-setup:具有Babel，PostCSS，Tailwind的Webpack设置，可提供多个HTML页面

Webpack设置 具有Babel，PostCSS，Tailwind的Webpack设置，可提供多个HTML页面 去做 放置代码覆盖伊斯坦布尔 进行单元测试 使用并添加链接 Eslint Site do eslint https://github.com/SonarSource/eslint-plugin-sonarjs 记住BEM Tem嵌套并导入 技术债务 来源
zip

terser-webpack-plugin：Terser插件

terser-webpack-plugin 该插件使用来缩小... 首先，您需要安装terser-webpack-plugin ： $ npm install terser-webpack-plugin --save-dev 然后将插件添加到您的webpack配置中。 例如： webpack.config.js const Ter
zip

remove-source-webpack-plugin:Webpack插件，用于删除不需要的源

$ yarn add remove-source-webpack-plugin --dev$ npm install remove-source-webpack-plugin --save-dev用法在您的webpack配置中需要插件： const RemoveSourceWebpackPlugin = require('remove-source-webpack-...
zip

add-asset-html-webpack-plugin:将JavaScript或CSS资产添加到html-webpack-plugin生成HTML中

add-asset-html-webpack-plugin 将JavaScript或CSS资产添加到html-webpack-plugin生成的html-webpack-plugin安装使用npm安装插件： $ npm i add-asset-html-webpack-plugin -D 注意：此插件需要html-webpack-plugin@...
txt

SurviveJS-Webpack：从学徒到大师SurviveJS - Webpack: From apprentice to master

旨在补充Webpack的官方文档，本书的目的是减轻学习难度，同时为更高级的用户提供参考。
zip

web-webpack-plugin：替代html-webpack-plugin

web-webpack-plugin 想全面学习Webpack？试试它： 不错替代品，可以使webpack将HTML用作条目并处理多页。 安装 npm i web-webpack-plugin --save-dev const { WebPlugin , AutoWebPlugin } = require ( 'web-...
star 5星 · 资源好评率100%
zip

webpack-es6-sass-setup：使用ES6，Babel，Sass和stylelint的Webpack的基本设置

webpack示例项目 使用ES6和Sass的示例Webpack项目。 还包括带有和Sass 设置，以对选择器实施BEM模式。 这是一个基本设置，仅包含两个用于演示目的的主应用程序文件： ./src/main.js ./src/main.scss / ./src/main.js和./src/main.scss 。 你明白了。 在此设置中，没有任何其他事情比其他人更早完成（有关更多高级配置，请参
zip

webpack-4-setup:修补Webpack 4使一切正常！

Webpack 4设置 目标： React SCSS 生成index.html文件 缩小/丑化JavaScript 摇树 删除未使用CSS选择器 使用新的作用域Babel软件包 历史 我最初打算学习Webpack和其中的所有奥秘。 那时，我发现自己拥有一个不错的Webpack 3配置文件，可以处理上述所有目标。 然后，Babel决定将所有内容移入monorepo并确定其包的范围。 自然，我需
zip

npm-auto-install-webpack-plugin:在Webpack编译步骤之前自动在package.json中安装缺少的依赖项

npm-auto-install-webpack-plugin 在Webpack编译步骤之前自动在package.json中安装缺少的依赖项 安装 npm i --save npm-auto-install-webpack-plugin 用法 webpack.config.babel.js import NpmAutoInstallWebpackPlugin from "npm-auto-i
zip

react-webpack-setup:使用ReactJS和Webpack的应用程序样板

可用脚本 在项目目录中，可以运行： npm install 用于安装软件包的命令 npm run start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 npm run build 将要生产的应用程序生成到dist文件夹。 它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文
zip

webpack_setup:快速设置React，Webpack，Babel，eslint-airbnb-config开发环境

Webpack设置 （与babel，react，eslint（airbnb）） 核心概念 入口 输出 装载机 外挂程式 （尽管从v4开始的webpack无需配置，但使用配置文件设置所有四个核心元素仍然更加容易） 设定步骤 npm启动项目npm init 在根目录中创建.gitignore ## Mac OS .DS_store ##npm packages node_modules/ ##we
zip

tinyimg-webpack-plugin:一个用于压缩图像的webpack插件

提前安装webpack和webpack-cli：npm i webpack webpack-cli 必须依赖webpack 4.0.0以上和webpack-cli 3.0.0以上 安装失败 切换NPM镜像为淘宝镜像：npm config set registry https://registry.npm.taobao.org/ 重新...
zip

html-webpack-externals-plugin：与html-webpack-plugin一起使用以使用预先打包的供应商捆绑包的Webpack插件

html-webpack-externals-plugin :police_car_light: 已淘汰 :police_car_light: 抱歉，该模块已不再维护，其功能已由jharris4， 和。 您可能会遇到问题，并且最近的Webpack项目尚未使用它。 与一起使用以使用...
zip

dotenv-webpack：一个安全的webpack插件，支持dotenv和其他环境变量，并且仅公开您选择和使用的内容

一个安全的webpack插件，支持dotenv和其他环境变量，并且仅公开您选择和使用的内容。 dotenv-webpack 安装 将软件包本地包含在您的存储库中。 npm install dotenv-webpack --save-dev 描述 dotenv-webpack包装...
zip

remove-files-webpack-plugin:Webpack插件，可在编译前后删除文件和文件夹

删除Webpack的文件夹和文件Webpack插件，可在... 用法 const RemovePlugin = require ( 'remove-files-webpack-plugin' ) ;module . exports = { plugins : [ new RemovePlugin ( { before : { // parameters for "bef
star 5星 · 资源好评率100%
zip

tsconfig-paths-webpack-plugin:根据Webpack中的tsconfig路径加载模块

tsconfig-paths-webpack-plugin 使用tsconfig.json时，可使用此选项加载其位置在tsconfig.json的paths部分中指定的模块。 该软件包提供软件包的功能，但作为Webpack插件。 使用这个插件意味着你将不再需要添加alias...
zip

minimal-webpack-babel-setup：使用Webpack和Babel运行JavaScript项目的最小项目设置

最小化webpack-babel设置 与前端应用程序一起运行Webpack和BabelJavaScript项目的最小项目设置。 安装 git clone git@github.com:rwieruch/minimal-webpack-babel-setup.git cd minimal-webpack-babel-setup npm安装 npm开始 访问http://localhost:8
zip

generator-gulp-webpack-essentials:生成一个空项目，其中安装了关键的Gulp和Webpack插件（和加载程序）并定义了基本任务； 适用于以下类型的项目

<<<<<<< HEAD generator-generator-gulp-webpack-frontend-essentials 发电机 入门 什么是Yeoman？ 技巧问题。 没关系是这个人： 基本上，他戴着顶帽子，住在您的计算机中，然后等待您告诉他您希望创建哪种应用程序。 并非每台新计算机都预装了Yeoman。 他住在软件包存储库中。 您只需
zip

advanced-react-webpack-babel-setup：高级React，Webpack，Babel设置。 您想超越create-react-app吗？

高级ReactWebpack-Babel设置 Webpack安装程序的高级React。 如何自行设定： + + 产品特点 React16 Webpack 5 通天塔7 热模块更换 开发+生产版本 Webpack的Dist文件夹管理 通用和特定于环境的Webpack配置 Webpack配置的组成 源地图 环境变量 Webpack附加组件 ESLint +漂亮 DIY插件 备择方案 安装
zip

minimum-react-webpack-babel-setup：最小的React，Webpack，Babel设置。 您想超越create-react-app吗？

最小Reactwebpack-babel设置 阅读如何自己进行设置： 。 产品特点 React16 Webpack 5 通天塔7 热模块更换 DIY插件 备择方案 通过本 安装 git clone git@github.com:rwieruch/minimal-react-webpack-babel-setup.git 光盘最小Reactwebpack-babel设置 npm安装 np
zip

react-webpack-setup：React Redux Webpack Babel Koa设置可以立即启动项目

react-webpack-setup React Redux Webpack Babel Koa设置可立即启动项目 此仓库适用于那些不想弄乱react webpack babel设置的人。 这个程序为你做。 您开始从“ App.js”开始编写应用程序逻辑 使用的图书馆 v15.2 v3.6 v2.8 v4.20.2 v3.1.9 v7 v1.2 使用说明 克隆仓库： gi
zip

imagemin-webp-webpack-plugin:Webpack插件，可将图像转换为WebP格式，同时保留原始文件

imagemin-webp-webpack-plugin Webpack插件，可将图像转换为格式，同时保留原始文件。 专为webpack 4构建，但也应在以前的版本中工作。 它在引擎盖下使用和 。 动机 尽管目前并非所有浏览器都支持WebP图像，但它们...
zip

image-webpack-loader:用于webpack的图像加载器模块

安装$ npm install image-webpack-loader --save-dev安装在容器中node:12-buster 无需其他准备工作。 所有依赖项将自动编译。 由于图像较大（〜1 GB），因此不建议使用。node:12-buster-slim 准备脚本： apt-get ...
zip

前端开源库-style-ext-html-webpack-plugin

前端开源库-style-ext-html-webpack-pluginStyleExtHTML Webpack插件，通过启用内嵌样式增强HTML Webpack插件功能。
zip

image-minimizer-webpack-plugin：Webpack加载器和插件，用于使用imagemin压缩图像

首先，您需要安装image-minimizer-webpack-plugin ： $ npm install image-minimizer-webpack-plugin --save-dev 可以用两种模式优化图像： （无质量损失）。 （质量下降）。 注意： 可以配置为无损和有损模式...
zip

node-polyfill-webpack-plugin:Webpack中的Polyfill Node.js核心模块

安装npm install node-polyfill-webpack-plugin用法将以下内容添加到您的webpack.config.js ： const NodePolyfillPlugin = require ( "node-polyfill-webpack-plugin" )module . exports = {// Other rules......
star 4星 · 用户满意度95%