草庐IT

webpack-file-loader

全部标签

javascript - Karma 未运行在 karma-webpack 中具有 "import"语句的测试

我有一些测试文件,其中包含我想针对我的应用运行的测试。我正在尝试使用karma、karma-webpack、karma-babel-preprocessor、karma-chrome-launcher和jasmine在我的测试中。我的应用程序依赖于很多东西,包括backbone、marionette等。我的应用程序是使用webpack构建的,我正在尝试使用>webpack将我的文件捆绑在一起进行测试。(我最初想看看我是否可以跳过这一步,即简单地import一个要测试的文件,但似乎这是不可能的。)我的测试脚本看起来像package.json(脚本部分)"test":"./node_mod

javascript - 使用 Javascript 上传文件返回 'Access Denied' 错误与程式化 <输入类型 ='file'> 到按钮

我使用以下方法对我的文件输入进行了风格化:#yourBtn{position:relative;top:150px;font-family:calibri;width:150px;padding:10px;border-radius:5px;border:1pxdashed#ddeeff;text-align:center;background-color:#ffddee;cursor:pointer;color:#333333;}functiongetFile(){document.getElementById("upfile").click();}functionsub(obj){

javascript - Vaadin @Javascript : clear cache for updated JS file

我的应用程序中有一个@JavaScript注释,用于从类路径加载.js文件。现在我已经对文件进行了更新并重新部署(本地),但我总是取回旧版本。我已尝试重新加载所有内容(ctrl+R、ctrl+F5),但这不起作用,而且我也不希望用户必须这样做。我过去使用的一个技巧(没有Vaadin)是附加一个带有版本的请求参数(例如?version=1)并更新它以便URL发生变化。但显然@JavaScript注释不允许这样做(Vaadin甚至不尝试加载文件)。 最佳答案 我通过使用Vaadinservlet配置的resourceCacheTime参

javascript - 尝试使用 grunt-contrib-uglify : "src files were empty" 时出错

我有以下Gruntfile.js:module.exports=function(grunt){varconfig={pkg:grunt.file.readJSON('package.json'),/*Someothertasks...*/uglify:{options:{banner:'/*!*/\n'},def:{files:{'out/src.js':'out/src.min.js'}}}};grunt.initConfig(config);grunt.loadNpmTasks('grunt-contrib-uglify');grunt.registerTask('default

javascript - zeromq w/Electron : Could not locate the bindings file

我使用的是Windows7x64、nodejs5.1.0和Electron0.35。我按照ElectronQuickStartapp中的说明进行操作然后将行require("zmq")添加到main.js。此时,npminstallzmq--save后,electronmain.js显示:错误:找不到绑定(bind)文件。尝试过:[zmq.node路径列表]尝试的路径之一实际上存在于系统中,即node_modules/zmq/build/Release/zmq.node如果我删除Electron应用程序代码并只在main.js中保留require("zmq")行,我可以使用nodema

javascript - Webpack css-loader 没有构建

我在使用css-loader在我的JSX文件上加载CSS时遇到困难。我正在关注以下示例:https://christianalfoni.github.io/react-webpack-cookbook/Loading-CSS.html这是我的JSXimportReactfrom'react';importReactDOMfrom'react-dom';importstylesfrom'./styles.css';classHelloextendsReact.Component{render(){returnHelloworld!}}varel=document.getElementBy

javascript - 让目录中的所有文件成为 webpack 入口点的最佳方法?

我想为网站创建多个入口点,这在Webpack中使用entry属性的对象很容易完成,例如here.但是随着站点的增长(并且它不可避免地会),必须添加每个入口点似乎很麻烦并且容易出错。所以我想简单地指向一个目录并说“这里是所有入口点。”所以我做了这个:varpath=require('path');varfs=require('fs');varentryDir=path.resolve(__dirname,'../source/js');varentries=fs.readdirSync(entryDir);varentryMap={};entries.forEach(function(e

javascript - 在 webpack 和 es6 中使用 LESS

我正在听关于AngularWithWebpack的讲座.我正在尝试添加lessloader并不断收到错误消息。ERRORin./src/app.jsModulenotfound:Error:Cannotresolve'file'or'directory'../style.lessinD:\projects\dev\webpack-angular-demo/src@./src/app.js3:0-24我的webpack.config.js是:module.exports={context:__dirname+'/src',entry:'./app.js',module:{loaders:

javascript - 如何运行 webpack 转换后的函数?

我有一个简单的库,我正在使用ES6,我有一些require关键字,然后,我需要将其转换为浏览器可以理解的版本,我使用webpack制作浏览器版本我的图书馆。这是一个例子:main.jsimportTestfrom'./test';functioncallMe(){console.log("Iamdamncalled!");}test.jsexportdefaultfunction(string){console.log("Thisisawesome!");[1,2,3].map(n=>n+1);}gulpfile.js(我用的是Gulp)vargulp=require('gulp');

javascript - 如何将 webpack 与静态图像文件一起使用?

我正在使用webpack来捆绑.vue文件,它使用import和export。Webpack创建了一个不错的bundle.js,这一切都很好而且很漂亮。但是当我的Vue文件提到图像时,例如:.style{background:url('./images/anotherthing.png');}现在,这张图片突然也需要放在我的dev文件夹中,每次我更新一个javascript文件中的一个字符时,webpack都想复制我所有的图片文件。另外,并不是我所有的图片都是这样导入的,所以我必须手动复制一些文件到dist文件夹,webpack也会复制一些文件......我可以告诉webpack不要捆