Laravel-Webpack:Webpack配置和资源文件

preview
共35个文件
scss：20个
png：8个
js：5个
JavaScript
需积分: 9 0 下载量 160 浏览量 2021-03-12 14:07:49 上传 评论 收藏 1.44MB ZIP 举报
资源详情
资源评论
评论 收藏
戴剑松
  • 粉丝: 25
  • 资源: 4603
上传资源 快速赚钱
voice
center-task 前往需求广场，查看用户热搜

相关推荐

zip

Webpack-Configurator:协助开发人员配置Webpack文件，以帮助开发人员将代码集中到实现上

WebpackConfigAssist 请访问我们的网站 更多功能将被更新。 您可以简单地在文件中单击所需的内容。 您可以下载它或将其复制到您的代码库中。 作者： Aryeh Kobrinsky 。 黄（Stanley Huang） 。 尼克·克鲁肯伯格（Nick Kruckenberg） 。 Kadir Gundogdu 。 Minchan Jun 。
zip

assets-webpack-plugin:Webpack插件发出带有资源路径的json文件

资产-webpack-插件 Webpack插件发出带有资源路径的json文件。 目录 manifestFirst path useCompilerPath prettyPrint processOutput update metadata includeAllFileTypes fileTypes keepInMemory integrity entrypoints i
zip

watch-source-code-plugin:Webpack-dev-server使用的源代码文件通过覆盖create-react-app Webpack配置以监视模式呈现在用户指定的目录中，而不会弹出

看源代码插件 （已弃用）使用 webpack-dev-server使用的源代码文件通过覆盖create-react-app webpack配置以监视模式呈现在用户指定的目录中，而不会弹出。 安装 yarn add --dev watch-source-code-plugin 或者 npm install --save-dev watch-source-code-plugin 用法 在您为wa
zip

now-loader:一个Webpack加载器，它将所需的资源部署到现在（静态文件或完整部署），并返回指向该部署的url

Webpack Now加载程序 Webpack加载器非常酷。 您可以在编译时提取出require语句，然后对文件进行所需的操作。 我认为将所需文件静态地部署到Now，并在运行时使用部署的url可能会带来一些很酷的开发人员收益。 例如，在您的React文件中： const picture = require ( 'now-loader!picture.png' ) ; const resume
pdf

在Webpack中配置loader加载器以实现正常打包样式文件

一、配置处理css文件的loader 在网页开发中 不推荐在页面中直接引入样式 有可能会产生多次请求问题： 使用了Webpack之后 可在main.js中引入CSS样式表： 就像引入其它模块一样(但语法略有区别) // 使用import语法导入CSS样式表 import ./css/index.css 但 webpack默认处理不了后缀名为.css的样式表文件 因为webpack默认只能打包
zip

前端开源库-laravel-elixir-webpack-official

前端开源库-laravel-elixir-webpack-officialLaravel Elixir Webpack官方，Laravel Elixir Webpack集成
zip

Laravel开发-laravel-webpack

Laravel开发-laravel-webpack 将Webpack集成到Laravel中
txt

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

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

Laravel开发-laravel-polymer-webpack-frontend-preset .zip

Laravel开发-laravel-polymer-webpack-frontend-preset .zip
pdf

Webpack优化配置缩小文件搜索范围

Webpack 启动后会从配置的 Entry 出发，解析出文件中的导入语句，再递归的解析。 在遇到导入语句时 Webpack 会做两件事情： 1.根据导入语句去寻找对应的要导入的文件。例如 require(‘react’) 导入语句对应的文件是 ./node_modules/react/react.js ， require(‘./util’) 对应的文件是 ./util.js 。 2.根据找到的
zip

laravel-translations-loader:Webpack加载器将Laravel翻译文件（PHP或JSON）作为JSON导入到您的JS包中

这个软件包是一个webpack加载器，用于将laravel翻译文件（PHP或JSON）作为JSON导入到JS包中，因此您可以使用类的。 要求 只要您使用或任何自定义的配置，此软件包就可以与任何版本的laravel一起使用，因为此软件包本质上是一个webpack加载器。 安装 $ yarn add @kirschbaum-development/laravel-translations-loader
zip

sass-vars-loader：使用在Webpack配置或外部Javascript或JSON文件中定义的Sass变量

Sass Vars装载机 从Webpack配置或JS / JSON文件导入Sass var 该加载器允许您使用在以下位置定义的Sass变量： :check_mark_button: JSON文件 :check_mark_button: JavaScript文件 :check_mark_button: 内联于Webpack Config 支持两种语法类型： :check_mark_butto
zip

Laravel开发-laravel-polymer-webpack-frontend-preset

Laravel开发-laravel-polymer-webpack-frontend-preset Laravel 5.5.x前端预设，用于聚合物2.x，使用Webpack。
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

terser-webpack-plugin：Terser插件

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

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@...
zip

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

删除Webpack的文件夹和文件Webpack插件，可在编译前后删除文件和文件夹。内容贡献执照 安装使用npm ： npm install remove - files - webpack - plugin 带yarn ： yarn add remove - files - webpack - plugin 支持...
star 5星 · 资源好评率100%
zip

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

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

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

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

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

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

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

前端开源库-style-ext-html-webpack-pluginStyleExtHTML Webpack插件，通过启用内嵌样式增强HTML Webpack插件功能。
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

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

tsconfig-paths-webpack-plugin 使用tsconfig.json时，可使用... yarn add --dev tsconfig-paths-webpack-plugin或者npm install --save-dev tsconfig-paths-webpack-plugin如何使用在您的webpack配置中添加以下内容：
zip

parallel-webpack:并行构建多配置Webpack项目

parallel-webpack-并行构建多个配置 parallel-webpack允许您parallel-webpack运行多个webpack构建，从而将工作分散到各个处理器上，从而有助于显着加快构建速度。 对于我们来说，它已将构建时间从16分钟减少到仅2...
zip

babel-plugin-dynamic-import-webpack:Babel插件可将import（）转换为Webpack的require.ensure

babel-plugin-动态导入-webpack Babel插件可将import() require.ensure为Webpack的require.ensure。 请注意，编写此代码后，Webpack 2已 。 注意：需要Babylon v6.12.0才能正确解析动态导入。 安装 $ npm install...
zip

docpad-plugin-webpack:

创建一个src/documents/entry.js文件作为您应用程序的webpack入口点。 -- - webpack : true -- - console . log ( "It works." ) ; 使用DocPad进行构建时，webpack会将捆绑软件编译为out/entry.js 。 第二档 创建...