草庐IT

vite-plugin-cdn-import

全部标签

javascript - 使用 SystemJS 的生产工作流和通过 CDN 托管的外部依赖项

我正在尝试找到一个与开发工作流程相得益彰的良好生产工作流程。需要从构建中排除1MB的外部库,然后使用CDN单独托管它们。所以我们有这个:System.import('app/main.js');这很好,main.js中的任何内容都将被忽略,因为它已经包含在build.js中。尽管我猜这意味着什么时候该返回开发热构建,我们必须先删除build.js?所以现在我想分离生产环境的外部依赖:builder.buildStatic('app/main.js','build.js',{externals:['jquery'],globalName:'App',globalDeps:{'jquery

javascript - Google CDN 托管具有本地后备功能的 jQuery UI CSS?

我已经有了以下JS文件:!window.jQuery&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-1.6.1.min.js'type='text/javascript'%3E%3C/script%3E"))!window.jQuery.ui&&document.write(unescape("%3Cscriptsrc='/app_shared/script/jquery-ui.min.js'type='text/javascript'%3E%3C/script%3E"))我怎样才能为主题找到类似的东

javascript - NPM 包 : best practices and exposing multiple import paths

我创建了一个使用Webpack和Babel进行转译/捆绑的NPM包。在我的package.json中,我将main设置为"main":"build/index.js"。在我的Webpack配置中,我将条目设置为entry:{app:'./src/index.js'}。我的条目文件如下所示。安装包后一切正常。但是,使用此设置,每个助手都会公开两个导入路径:对于支持自动导入的编辑器来说这是个问题,因为它们有时会从'my-package/build/utils/helper1'而不是'my的首选路径自动导入-包”。那么,两个问题:有什么方法可以防止较长的导入路径暴露出来吗?什么是创建NPM包

javascript - 'require' 与 'import' es6 有何不同?

我遇到了一种我无法解释的行为。根据使用import或require,此测试成功(import)或失败(require)。如果失败,我有以下错误:PhantomJS2.1.1(Windows70.0.0)immutabilityanumberisimmutableFAILEDundefinedisnotaconstructor(evaluating'expect((0,_immutable.List)([1])).toEqualImmutable((0,_immutable.List)([1]))')代码如下:import{Map,List}from'immutable';constex

javascript - 仅使用 CDN 将 Vuetify 与 i18n 结合使用

我正在静态环境中开发一个Vue项目,没有Node或Vue-cli,我们正在使用CDN导入Vue、Vuetify和vue-i18n我们需要使用Vue-i18n翻译Vuetify组件,如图所示hereHereisacodepen我尝试翻译底部的分页部分。我试过使用Vue.use()但无法正常工作,控制台中没有错误,页面上也没有翻译。importAppfrom'../components/App.vue.js';importi18nfrom'../lang/languages.js';importstorefrom'./store/store.js';Vue.filter('toUpperC

javascript - 发现 JavaScript CDN 命中率

关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于StackOverflow来说是偏离主题的,因为它们往往会吸引自以为是的答案和垃圾邮件。相反,describetheproblem以及迄今为止为解决该问题所做的工作。关闭8年前。Improvethisquestion是否有关于各种JavaScriptCDN的命中率的可用数据?这将有助于决定使用哪个CDN。例如,假设我的应用需要jQuery。了解Google、MS、CloudFlare等的CDN中的哪个jQuery副本可能被缓存将对性能很有用。(预计

javascript - 在 Webpack 4 中,我们可以使用 import() token 动态生成页面 block ,以便我们可以将 react 组件转换为可 react 加载的组件吗?

我们使用React和react-loadable.在我们的应用程序初始化期间,我们正在验证component.preload每个都存在方法我们定义。如果缺少该方法,我们会显示一条警告,表明该组件应该是可加载的。我们使用webpack4,有没有办法自动包装组件,所以我们不必手动做?这是一个组件的样子:/**MyComponent.js:pagecomponent*/exportdefault()=>Helloworld;这是包装在react-loadable组件中的同一个组件:/***preconfiguredreact-loadable*Seehttps://github.com/ja

javascript - Uncaught TypeError creating an Aurelia Plugin : plugin. 加载不是函数

我创建了一个新的Aurelia插件,它被命名为Aurelia-Slickgrid并使用.feature('resources')让它在本地工作>。然后我为下一步做好了准备,将它作为插件提供给所有人,并创建了一个Github项目并在这个GitHublink-Aurelia-Slickgrid下提供。.我用了AureliaSkeletonPlugin为了创建我的插件,还运行了gulpbuild来创建转译后的输出。然后,我将它发布到NPM上,并使用npmi--saveaurelia-slickgrid成功安装了它。我目前正在使用Aurelia-CLI进行捆绑并且一切顺利,直到我打开浏览器并看

javascript - 使用 webpack-dev-server 时,html-webpack-plugin 不会将 js 文件注入(inject) index.html

这是我的webpack配置:varpath=require('path');varwebpack=require('webpack')varHtmlWebpackPlugin=require('html-webpack-plugin')varfs=require('fs'),buildPath='./dist/';varfolder_exists=fs.existsSync(buildPath);if(folder_exists==true){require('shelljs/global')rm('-rf','dist')};module.exports={entry:'./src/

javascript - 如何从 CDN 使用 Angular 2(或 4)框架

这个问题在这里已经有了答案:WherecanIfindtheAngular2CDNorsourcecode?(2个答案)关闭5年前。在Angular1.x中,我们可以选择使用CDN(https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js)链接到Angular框架。Angular2中是否提供该选项?