您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. webpack的CSS加载器的使用

  2. 主要介绍了webpack的CSS加载器的使用,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-18
    • 文件大小:58368
    • 提供者:weixin_38696196
  1. webpack的CSS加载器的使用

  2. 什么是loader loader用于转换应用程序的资源文件,他们是运行在nodejs下的函数,使用参数来获取一个资源的来源并且返回一个新的来源(资源的位置),例如:你可以使用loader来告诉webpack去加载一个coffeescr ipt或者Babel文件。 loader的解析 loader的解析类似模块,一个loader模块会导出一个方法并且可被nodejs写为可兼容的Javascr ipt,通常情况下通过npm来管理loader,但你也可以把loader放在自己的应用里。 webpa
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:54272
    • 提供者:weixin_38589774
  1. modern-js-environment-template:使用npm,webpack和依赖项的现代JavaScript环境的模板。 假定使用jQuery和图像-源码

  2. 该项目是未来项目的环境模板 该项目尚不处于完整或准备就绪的状态,因此不应被视为代表专业工作。 应用名称 申请简述 杰西卡·威廉姆斯(Jessica R.Williams) 目录 预览 将您的浏览器定向到GitHub Pages上的。 使用的技术 Babel /核心7.6.4 Babel / plugin-transform-modules-commonjs 7.6.0 Bootstrap 4.5.0 clean-webpack-plugin 3.0.0 CSS CSS加载器3.2.0
  3. 所属分类:其它

    • 发布日期:2021-03-15
    • 文件大小:102400
    • 提供者:weixin_42160278
  1. yii2-vueapp:一个在不使用webpack或类似工具的情况下在Yii2中创建Vue应用的Vue.js帮助器-源码

  2. Yii2的Vue.js助手 这是一个有助于创建Vue.js应用程序的组件,无需使用易用的webpack或类似组件。 所有资产(js,css和模板)都直接注入html中,并且此组件提供了拆分代码(js,css和模板)并从html根元素加载参数的功能。 此组件嵌入了两个默认软件包:Axios和Moment。 有一个示例显示了如何在代码中同时使用两者。 安装 安装此扩展的首选方法是通过 。 无论运行 php composer.phar require --prefer-dist fabrizi
  3. 所属分类:其它

    • 发布日期:2021-03-10
    • 文件大小:23552
    • 提供者:weixin_42121725
  1. transmit-update-loader:消息传递工具,用于在Webpack加载程序过程中将更新传输到另一个文件-源码

  2. 传输更新加载器 消息传递工具,用于在webpack加载程序过程中将更新传输到另一个文件。 用例 使用CSS模块时,假定此文件结构。 +- src/ +- Button.tsx +- Button.css +- Button.css.d.ts 在这里,还假设我们对开发服务器使用Webpack Hot Module Replacement。 当更新“ Button.css”时,可以更新“ Button.css.d.ts”。 虽然,'Button.tsx'不会收到有关'Bu
  3. 所属分类:其它

    • 发布日期:2021-03-08
    • 文件大小:98304
    • 提供者:weixin_42106357
  1. sass-resources-loader:用于Webpack的SASS资源(例如变量,mixins等)的加载器。 也适用于less,post-css等-源码

  2. sass-resources-loader 该加载程序会将您的SASS资源加载到每个required SASS模块中。 因此,您可以在所有SASS样式中使用共享变量,mixin和函数,而无需在每个文件中手动加载它们。 适用于CSS模块! 该加载器不限于Sass资源。 据说每个可以使用更少的,css之后的版本等。 支持Webpack 4 支持Sass use语法。 您必须使用Dart Sass( sass ,而不是node-sass npm软件包)。 请参阅hoistUseStateme
  3. 所属分类:其它

    • 发布日期:2021-02-27
    • 文件大小:245760
    • 提供者:weixin_42131439
  1. react-fa:已弃用:使用https:github.comFortAwesomereact-fontawesome代替-源码

  2. 弃用:改为使用 字体真棒图标作为React组件 安装 React Font Awesome通过分发: npm install react react-fa 您还需要安装 ,这是目前唯一能够捆绑Javascr ipt代码,捆绑样式表和静态资产(如字体和图像)的捆绑器: npm install webpack 您还需要几个用于webpack的加载器: npm install babel-loader style-loader css-loader url-loader file-loade
  3. 所属分类:其它

    • 发布日期:2021-02-26
    • 文件大小:126976
    • 提供者:weixin_42128141
  1. autoprefixer-loader:用于autoprefixer的Webpack加载器-源码

  2. 自动前缀加载器 用于的自动加载器。 :warning: 不建议使用此模块。 建议改为使用 。 用法 var css = require ( '!raw!autoprefixer!./file.css' ) ; // Just the CSS var css = require ( '!css!autoprefixer!./file.css' ) ; // CSS with processed url(...)s 请参阅以查看已处理的url(...)的效果。 或在webpack配置中:
  3. 所属分类:其它

    • 发布日期:2021-02-20
    • 文件大小:8192
    • 提供者:weixin_42099530
  1. angular2-template-loader:用于webpack的链式加载器,可内嵌angular2组件中的所有html和样式-源码

  2. angular2-template-loader 用于webpack的链式加载器,可将所有html和样式插入角度组件。 快速链接 安装 从安装webpack加载器。 npm install angular2-template-loader --save-dev 将angular2-template-loader到您当前使用的打字稿加载器。 loaders : [ 'awesome-typescr ipt-loader' , 'angular2-template-loader' ] , 要
  3. 所属分类:其它

    • 发布日期:2021-02-20
    • 文件大小:11264
    • 提供者:weixin_42129113
  1. vue-template-loader:用于Webpack的Vue.js 2.0模板加载器-源码

  2. Vue模板加载器 适用于Webpack的Vue.js 2.0模板加载器 该加载器使用将html模板预编译为渲染函数。 每个html文件都转换为一个函数,该函数带有一个vue组件选项对象,并注入一个render函数,样式和HMR支持。 在大多数情况下,建议在该加载上使用 loader。 产品特点 将html模板转换为渲染函数 支持作用域CSS和CSS模块(类似于vue-loader) HMR对模板的支持 装饰器语法支持(可以与或其他类样式组件一起使用) Webpack配置 加载HTML模板
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:123904
    • 提供者:weixin_42175971
  1. webpack-config-plugins:提供有关webpack加载程序配置的最佳实践-源码

  2. 可插拔的Webpack配置 创建webpack加载器配置可能会非常耗时。 该项目尝试为最常见的加载程序需求提供最佳实践: ts , js , css , fonts和images 。 无需从github和stackoverflow复制加载程序配置,您只需添加以下插件之一即可。 快速概述 npx generate-webpack-config 或者,您也可以使用开始使用。 零配置示例 Webpack本身提供了许多默认值,因此您可以在没有webpack.config文件的情况下运行common-c
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:6291456
    • 提供者:weixin_42103587
  1. css-modules-flow-types:使用Webpack loader或CLI从CSS Modules文件创建流类型定义-源码

  2. css-modules-flow-types CLI和Webpack加载程序,用于基于文件创建类型定义。 这给您: 在大多数编辑器中自动完成CSS文件的填充 流类型安全性,显示不存在的类的用法 在此博客文章中了解有关背景的更多信息: 。 例 使用CSS模块给出以下css文件: value primary: red ; . myClass { color : primary; } css-modules-flow-types在其旁边创建以下.flow文件: // flow /*
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:162816
    • 提供者:weixin_42134554
  1. 单一加载器:React的单文件组件-源码

  2. 一台装载机 一个webpack加载器,用于启用单文件React组件。 受vue-loader启发。 产品特点 CSS和Javascr ipt代码共存于一个.one文件中(扩展名是可配置的) Javascr ipt和CSS的可配置加载器 通过CSS模块支持作用域样式(使用css-loader ) 安装 $ npm i --save-dev one-loader 例 在webpack.config.js : { module : { loaders : [
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:270336
    • 提供者:weixin_42172972
  1. sass-extract-loader:适用于https:github.comjgranstromsass-extract的Webpack加载器-源码

  2. 萨斯提取器 用于Webpack加载器。 需要将sass文件作为包含这些文件中定义的变量的模块。 支持include指令,用于跨多个文件提取变量。 这不更换的要求,以生成CSS SASS,但作为以在Javascr ipt模块定义SASS变量使用一个额外的工具。 安装 您需要安装sass编译器,sass-extract和loader,因为它们都是。 npm install --save node-sass sass-extract sass-extract-loader 用法 推荐的 推荐的
  3. 所属分类:其它

    • 发布日期:2021-02-05
    • 文件大小:26624
    • 提供者:weixin_42101384
  1. webfonts-loader:使用SVG创建图标字体!-源码

  2. webfonts-loader 一个Webpack加载器,可以从SVG图标生成字体,并允许您在HTML中使用图标。 webfonts-loader使用插件创建任何格式的字体。 它还会生成CSS文件,以便您可以使用CSS类在HTML中直接使用图标。 安装 npm install webfonts-loader 用法 可以在此存储库的test/目录中找到用法的示例。 Webpack规则 将此规则添加到您的Webpack配置: { test : / \. font \. js/ , us
  3. 所属分类:其它

    • 发布日期:2021-02-04
    • 文件大小:397312
    • 提供者:weixin_42120405
  1. simple-spaceship-game:使用相位器库的简单太空飞船游戏-源码

  2. 飞船 使用移相器库的简单太空飞船游戏。 尝试! 最终产品 玩家可以按向左或向右箭头键来控制飞船的位置。 玩家可以打空格键来发射子弹杀死敌人。 随着玩家杀死更多敌人,游戏分数会自动降低。 当所有敌人被杀死后,玩家将赢得比赛。 当敌人击中飞船时,玩家将输掉游戏。 用法 克隆此存储库,在终端中运行以下命令以安装依赖项,然后启动服务器: npm install npm start 打开浏览器,然后转到: localhost:300 依存关系 巴别克利 巴别核心 巴别塔 babel预设环境 CSS加载
  3. 所属分类:其它

    • 发布日期:2021-02-04
    • 文件大小:2097152
    • 提供者:weixin_42106299
  1. 基本React:使用Babel构建可测试的React应用程序的最小框架-源码

  2. 基本React 使用Babel构建可测试的React应用程序的最小框架。 设计目标 使用更少的工具(不要使用yeoman,gulp,bower等) 带Webpack和热加载器的Babel 6 使用模拟出的DOM进行快速测试 导入CSS文件作为类名 分开的组件 没有特定的Flux或数据提取模式实现 入门 $ npm install 启动本地开发服务器: $ npm run server 导航到以查看该应用程序。 指令 此骨架应用程序的核心理念是将工具保持在最低限度。 因此,您可以在的s
  3. 所属分类:其它

    • 发布日期:2021-02-02
    • 文件大小:69632
    • 提供者:weixin_42131352
  1. webpack:javascript和朋友的捆绑器。 将许多模块打包到少数捆绑资产中。 代码拆分允许按需加载应用程序的某些部分。 通过“加载程序”,模块可以是CommonJs,AMD,ES6模块,CSS,图像,JSON,Coffeescri

  2. 网络包 webpack是一个模块捆绑器。 它的主要目的是捆绑Javascr ipt文件以供在浏览器中使用,但它也能够转换,捆绑或打包几乎任何资源或资产。 目录 安装 使用npm安装: npm install --save-dev webpack 用纱安装: yarn add webpack --dev 介绍 webpack是模块的捆绑器。 主要目的是捆绑Javascr ipt文件以供在浏览器中使用,但它也能够转换,捆绑或打包几乎任何资源或资产。 TL; DR 捆绑, 和模块(甚至合并)
  3. 所属分类:其它

    • 发布日期:2021-01-31
    • 文件大小:3145728
    • 提供者:weixin_42129412
  1. webpack-bootstrap:基于Webpack的Bootstrap 4模板-源码

  2. Webpack Bootstrap 4模板 描述 该项目包含预配置的Webpack 4,以执行以下任务: 将SCSS编译为CSS 优化图像( *.png , *.jpeg , *.gif ) 将SVG转换为内联'data:image'格式 字体加载器 自动将static目录复制到dist目录 生产优化(样式,Javascr ipt,图像) 建立原始地图 包括 Bootstrap 4(SCSS,JS) jQuery的 波普尔 Google Material图标 安装 从根目录执行命令 n
  3. 所属分类:其它

    • 发布日期:2021-01-30
    • 文件大小:117760
    • 提供者:weixin_42113380
  1. 在Webpack中配置loader加载器以实现正常打包样式文件

  2. 一、配置处理css文件的loader 在网页开发中 不推荐在页面中直接引入样式 有可能会产生多次请求问题: 使用了Webpack之后 可在main.js中引入CSS样式表: 就像引入其它模块一样(但语法略有区别) // 使用import语法导入CSS样式表 import ./css/index.css 但 webpack默认处理不了后缀名为.css的样式表文件 因为webpack默认只能打包处理js类型的文件 并不能处理其它非js类型的文件 若要处理非js类型的文件 需要手动安装其各自合适
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:325632
    • 提供者:weixin_38735887
« 12 3 4 »