草庐IT

webpack-uni-mp-loader

全部标签

javascript - 如何让 Karma + Webpack 找到模块?

在webpack通过Karma测试运行器将它们组合在一起后,我想在一堆模块上运行我的测试,但是每当我运行我的测试时,Karma都会说,"Error:Cannotfindmodule"hello.js"athttp://localhost:9877/base/src/hello.spec.js?d301966ffc1330826574d9d8fff5a644c3390c68:47"我有一个规范文件:vara=require('hello.js');describe("atesttest",function(){it("humperdinktest",function(){expect(a

javascript - Webpack 代码拆分

我正在尝试使用webpack设置我的项目,我已经阅读了有关代码拆分的内容,并且我正在尝试制作两个单独的包,一个用于实际的应用程序代码,另一个用于库和框架。所以我的webpack配置如下所示:entry:{app:'./app/index.js',vendor:'./app/vendor.js'},output:{filename:'[name].[chunkhash].js',path:path.resolve(__dirname,'public/js')},watch:true,module:{rules:[{test:/\.css$/,use:ExtractTextPlugin.e

javascript - webpack 只导入变量值

我正在编译需要来自package.json的版本值的代码:import{version}from'../package.json';exportdefault{version};当我查看webpack输出的.js文件时,我看到了整个package.json!我怎样才能避免这种情况?我的设置是:plugins:[newwebpack.DefinePlugin({'process.env.NODE_ENV':'"production"'}),newwebpack.optimize.UglifyJsPlugin({compress:{warnings:false}}),newCompress

javascript - 使用播放按钮前预加载 MP3 文件

我有以下代码:functionplaySound(source){document.getElementById("sound_span").innerHTML="";}点击播放后,MP3将被下载,然后开始播放。但是,如果它大约有1MB,则可能需要一段时间。我需要的是一个预加载的(就像你可以对图像做的那样)。因此,当页面加载时,mp3将被流式传输,例如,如果10秒后,用户按下“播放”按钮,他将不必等到mp3先下载,因为它已经被流式传输。有什么想法吗?提前感谢任何提示! 最佳答案 您可以使用预加载对于较新的浏览器。设置autoplay

javascript - Webpack:是否可以在编译时评估 javascript 表达式?

我正在尝试为我的项目设置webpack。该项目足够大,并提供多种语言。我希望我的每个入口点都以每种语言作为单独的文件提供。我的语言文件不仅仅是普通的JSON,而是JavaScript。所以i18n插件不符合我的需求。解决办法好像是i18nplugin:varlanguages=['en','fr','de'];module.exports=languages.map(function(lang){return{name:lang,//someotherlanguage-dependentconfig}})然后在我的一些脚本中,我想使用环境变量要求本地化文件:varlang=...;//

javascript - 如何使用具有多个入口点的 Webpack 和 Gulp 来转换应用程序和测试目录?

我正在构建一个基本的博客项目来练习使用React、ES6和Mocha测试框架。在我的defaultGulp任务中转换我的ES6测试和应用程序代码时遇到问题。当我运行default任务并将./test/posts.js的内容更改为watch时出现此错误生效:[11:17:29]Usinggulpfile~/WebstormProjects/blog/gulpfile.js[11:17:29]Starting'default'...[11:17:29]Finished'default'after8.54msstream.js:75thrower;//Unhandledstreamerror

javascript - Webpack 未捕获引用错误 : require is not defined after removing node_modules from bundle. js

bundle.js2.83kB0[emitted]mainbundle.js.map3.36kB0[emitted]main当我将下面的代码添加到自定义外部时,我可以删除node_modules,使其不直接包含在bundle.js输出中。bundle.js743kB0[emitted]mainbundle.js.map864kB0[emitted]main这显着减小了包的大小。但我在浏览器中收到一条错误消息:UncaughtReferenceError:requireisnotdefined在浏览器中。有谁知道如何解决这个问题?varpath=require("path"),fs=re

javascript - 使用 Html Webpack 插件时如何在 <head> 和 <body> 标签内添加某些脚本标签

我正在使用HtmlWebpackPlugin通过javascript生成HTML文件。现在我想在的不同部分添加自定义脚本和标签例子:我该怎么办,添加alert('inheadtag')里面标记为第一个child添加alert('inbodytag')里面标记为第一个child这是我的Webpack配置中的片段newHtmlWebpackPlugin({hash:true,chunks:["app"],filename:path.resolve(__dirname,"./public/pages/app.html"),title:"Titleofwebpage",template:pat

javascript - 最轻的隐藏 mp3 声音播放器?

我想知道是否有任何由JavaScript控制但不使用任何框架(如jQuery)的跨浏览器轻量级隐形声音播放器。我根本不想使用HTML5。所以也许是一个使用Flash的解决方案。不超过load()和play()的东西。 最佳答案 我相信SoundManager2可以满足您的需求:http://www.schillmania.com/projects/soundmanager2/ 关于javascript-最轻的隐藏mp3声音播放器?,我们在StackOverflow上找到一个类似的问题:

javascript - 如何在链接点击上播放 mp3

有一个简单的链接01.TheNameofTrack如何在用户点击链接时播放mp3文件?请帮助我找到一些简单有效的解决方案。谢谢。感谢您的帮助。我选择了这个解决方案http://www.schillmania.com/projects/soundmanager2/demo/play-mp3-links/最适合我的情况。 最佳答案 使用HTML5Yourbrowserdoesnotsupporttheaudioelement.document.getElementById("link_id").addEventListener("cli