草庐IT

webpack-file-loader

全部标签

javascript - Webpack 2 - babel-loader - 如何排除 node_modules?

自从我升级到Webpack2后,我的“规则”中不能有“排除”。也无法将“排除”传递给“选项”。现在正确的做法是什么?之前:{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/,}现在:{test:/\.js$/,use:[{loader:'babel-loader'}]???}整个配置:constpath=require('path');//constautoprefixer=require('autoprefixer');constpostcssImport=require('postcss-import');const

javascript - 如果未在 file_dialog_complete_handler 中调用,SWFUpload startUpload() 将失败

我正在尝试让SWFUpload将图像以及图像必须附带的其他发布数据正确上传到我的服务器。有一个表格来填写数据,因此在用户单击浏览按钮并选择他的图像文件后,图像不会立即上传。它一直在队列中,直到用户单击发送按钮,然后我调用mySwfUploadInstance.startUpload()以便开始上传。但它在swfupload.js的第452行的函数'callFlash'中惨败:UncaughtCalltoReturnUploadStartfailed在抛出这个错误之前捕获到的异常如下:Object#hasnomethod'CallFunction'在以下函数中:SWFUpload.pro

javascript - Vue.js - 没有 Webpack 的 Vuex?

我正在使用ASP.Net网页(vbRazor),并且在使用它设置Webpack时遇到了问题,并且在stackoverflow(HowtosetupASP.NETCore+Vue.Js?)的其他地方被建议在没有构建系统的情况下简单地使用vue.jsCDN.问题是:如果现在能够使用Vuex进行状态管理会很棒,但似乎所有示例都使用webpack-无论如何都没有构建系统或vuex的替代品来创建数据存储和维护vue的react性?谢谢,很抱歉这个不常见的问题-我知道大多数人都使用webpack! 最佳答案 如果没有包生成器,您可以使用适用于v

javascript - 无法使用 Webpack、Typescript、自定义模块目录找到模块

我想做什么我写了一个虚拟模块my-component,它基本上导出了一个类Something。我把它放在app/modules/中。现在我想使用app/app.js中的导入语法来访问它:import{Something}from'my-component';期望:根据我当前的Webpack配置(如下),我希望它能工作。实际:这会引发错误:ERRORin[default]//app/app.ts:1:26Cannotfindmodule'my-component/Something'.我尝试解决的问题我知道模块本身的定义是正确的,因为我可以使用相对路径导入它:import{Somethi

javascript - 无法使用 webpack 缩小 css 代码

网络包版本:4.16.3全部编译成功。我在bundle.css中编译后的代码不是minify。我尝试在text-webpack-plugin中使用minimize:true,但它不起作用。对于编译,我在命令行中使用命令:webpack在我的工作目录中我做错了什么?我的wepback配置:'usestrict'constwebpack=require("webpack");constExtractTextPlugin=require('extract-text-webpack-plugin')module.exports={context:__dirname,mode:'producti

javascript - 让 React 开发人员工具与 Webpack 一起工作

我关注了这个tutorial在Webpack中将React公开为全局。Expose模块已安装,我在配置webpack.config.js文件中添加了模块加载器。但是,它不起作用并且React开发人员工具仍然无法访问。这是我的webpack.config.js文件,第一个加载器是expose-react:varpath=require('path'),webpack=require('webpack'),htmlWebpackPlugin=require('html-webpack-plugin');constPATHS={app:path.join(__dirname,'app'),b

javascript - 如何在 html-webpack-plugin 中注入(inject)自定义元标记?

我将Webpack与插件一起使用html-webpack-plugin.基于环境变量,我想注入(inject)标签进入最后index.html文件。我该怎么做? 最佳答案 您可以定义自己的模板。在WritingYourOwnTemplates中简要提到了它您可以将任何您想要的选项传递给它,并在带有htmlWebpackPlugin.options的模板中使用它们:htmlWebpackPlugin.options:theoptionshashthatwaspassedtotheplugin.Inadditiontotheoption

javascript - rails : end of file reached

在我的Rails开发环境中工作,一切都很顺利,然后去吃午饭,现在我在浏览器中收到“文件结束”错误。有人知道这是怎么回事吗?这是来自curl的相同响应:$curlhttp://localhost:7000EOFErrorat/=============>endoffilereachedapp/views/application/_javascript.html.slim,line1---------------------------------------------------```ruby>1=javascript_include_tag:application23=yield:j

javascript - 如何检查是否已在 <input type ="file"> 元素中选择了文件?

我有多个复选框和一个文件上传输入。如果一个或多个复选框被选中并且输入值不为空,我想重新启用一个按钮。这里是bootply的链接这是我的htmlSubmit这是我的javascript起点:通过卡尔更新在所有输入上绑定(bind)一个change事件,然后使用一些条件:$('.upload-blockinput').change(function(){$('#upload-btn').prop('disabled',!($('.upload-block:checked').length&&$('#InputFile').val()));});Example这适用于所有复选框,#Input

javascript - Webpack:为目录中的每个文件创建一个包

我正在尝试将每个Angular模块捆绑到webpack中。我的目标是拥有一个app.js,它将被webpack与此配置捆绑在一起:entry:{app:"./app/app.js"},output:{path:"./build/ClientBin",filename:"bundle.js"},我会将这个捆绑脚本放在我的index.html中,这样它将成为我的应用程序的入口点。我在./app/components文件夹中也有很多模块。文件夹结构如下:app|--components||||--home||||||--home.html|||--home.js|--app.js|--App