草庐IT

karma_webpack

全部标签

javascript - 通过 Webpack 导入 Module 中的图片

我正在为我的应用程序使用NodeJs、webpack和ES2015。我似乎无法弄清楚如何在我的模块中导入图像。以下不起作用。import"../../css/image/t1.png";编辑:根据Sitian的要求,这是我的webpack配置:constwebpack=require("webpack");constpath=require("path");constmerge=require("webpack-merge");constTARGET=process.env.npm_lifecycle_event;process.env.BABEL_ENV=TARGET;constPA

javascript - 如何在 Electron.Atom\WebPack 应用程序中使用 FS 模块?

我需要使用FS模块(fs.writeFile)在文件中写入一些数据。我的堆栈是webpack+react+redux+electron。第一个问题是:无法解析模块“fs”。我试着用target:"node",---node:{global:true,fs:"empty",}---resolve:{root:path.join(__dirname),fallback:path.join(__dirname,'node_modules'),modulesDirectories:['node_modules'],extensions:['','.json','.js','.jsx','.sc

javascript - Karma Jasmine 测试总是失败,并在第 9 行显示堆栈跟踪

我有一个奇怪的问题。每当我尝试测试某些东西但测试失败时,它总是显示第9行的堆栈跟踪。我正在使用AngularJS以及Jasmine和Karma。我发现它不依赖于浏览器。错误如下所示:TypeError:'undefined'isnotanobject(evaluating'newgoogle.maps.LatLng')at/Users/user1/project1/test_ctrl.js:9at/Users/user1/project1/spec/test_ctrl_spec.js:170因此,它告诉我测试在第170行失败(这是正确的),但错误原因在我的test_ctrl.js中,行

javascript - 无法在客户端上使用来自 NPM 的 React,因为未定义 'development'。该包是从 Webpack 生成的

我正在创建一个ReactNode.js应用程序,我正在尝试生成一个Webpack包,其中包含我从NPM加载的React源代码。不过,客户端好像不能直接使用NPM的React代码。它会触发此错误:UncaughtReferenceError:developmentisnotdefined触发异常的代码来自React代码:有什么我可以做的吗?编辑这是我的webpack.config.js:import_from'lodash';importwebpackfrom'webpack';importyargsfrom'yargs';importExtractTextPluginfrom'extr

javascript - 从使用 React 和 Webpack 构建的网站的 url 中删除 .html 扩展名

我正在努力做到这一点,而不是我的浏览器显示'https://mydomainname.com/index.html'我的浏览器将只显示'https://mydomainname.com/index'.我的网站有4个网页,它们是使用React编写的,Webpack将所有内容捆绑在一起,因此我有4个.html文件(索引、联系人...)和4个具有相同前缀的.js文件(索引、联系人、...)我没有使用React路由器。我真的不知道它是什么,但是很多其他答案都提到了它。当我使用React时,这是唯一的方法吗?Thisansweronlymentionsreactrouterfornonbrows

javascript - Webpack 注入(inject)脚本以在生产中索引 html 文件

我有一个索引html文件,我需要在生产环境中注入(inject)额外的脚本。使用gulp我可以使用像gulpinject这样的插件来做到这一点,我如何使用webpack来做到这一点?例如://Iwantthisscriptonlyintheproductionindexhtmlfile 最佳答案 你可以使用gulp-inject-webpack插件https://www.npmjs.com/package/gulp-inject-webpack-plugin 关于javascript-W

javascript - Webpack 不会在 npm run 上生成包文件

大家好在制作了一个React应用程序之后,我决定深入研究Webpack。我对整个npm自动化场景相当陌生,在遵循了食谱和各种教程之后,我就是不能让npmrundev捆绑我的应用程序。当我运行webpack时,它会生成一个非常好的bundle.js,但吸引我的是每当我更改某些内容时让webpack生成一个物理文件。Gulp和Grunt可以为我做这件事,但我也想让它与webpack一起工作。所以,事不宜迟,一些代码。我运行npmrundev定义如下(package.json,只是脚本部分*):"scripts":{"build":"webpack","dev":"webpack-dev-s

javascript - 如何在 VS 2017 中调试 webpack TypeScript

我使用带有ts-loader的webpack来转换和捆绑各种TypeScript文件。这是我的配置:tsconfig.json{"compileOnSave":false,"compilerOptions":{"noImplicitAny":true,"noEmitOnError":true,"removeComments":false,"sourceMap":true,"target":"es5","module":"es2015","lib":["dom","es2015","es2016"],"allowSyntheticDefaultImports":true,"moduleR

javascript - Karma 和 RequireJS 在基本 url 之外获取文件

我正在尝试使用karma配置自动测试。我的文件结构如下/assests/css/font/img/js/collection/lib/model/plugin/spec/viewtest-main.jsmain.js/templatesindex.htmlkarma.conf.jskarma.conf.js:module.exports=function(config){config.set({//basepaththatwillbeusedtoresolveallpatterns(eg.files,exclude)basePath:'',//frameworkstouse//avai

javascript - 如果测试有错误,Karma 不会失败

当由于错误(如语法错误)导致Karma无法运行测试时,Karma会发出这样的警告:INFO[karma]:Karmav0.12.31serverstartedathttp://localhost:9876/INFO[launcher]:StartingbrowserPhantomJSINFO[PhantomJS1.9.8(Linux)]:ConnectedonsocketWT-AsaXZq4odkQe2DgZJwithid10861626WARN[web-server]:404:/undefinedhttp%3A%2F%2Flocalhost%3A9876%2Fbase%2Ftests