草庐IT

javascript - 网页包 2 : cannot resolve module

我有这样一个项目:root/webpack-config.jsapp/app.jsjs/dep.jscore/module.js这是webpack配置文件:module.exports={entry:'./app/app.js',output:{path:__dirname,filename:"[name]-bundle.js"},module:{loaders:[{test:/\.js$/,loader:'babel-loader',exclude:/node_modules/}]},resolve:{modulesDirectories:['core']}...在app.js中,我

javascript - Karma+Mocha+React 无法将 Symbol 值转换为字符串

我将webpack+babel用于React+Redux应用程序,将Mocha+Karma用于测试。redux测试用例得到正确执行。但是,当我尝试使用react-addons-test-utils进行DOM测试并使用Karma运行它时,出现此错误未捕获的类型错误:无法将符号值转换为字符串在http://localhost:9876/karma.js:339为了正确调试它,我在karmalib文件中放置了几个记录器(我知道我不应该有)并得到了这个KarmaErrorforReactDOMtesting但是,当我不使用KarmaJS并只是尝试运行测试时,它似乎很好。这是我的karma.co

javascript - 如何使用 webpack 更改 `sourceMappingURL`

我的生产webpack配置是:{output:{publicPath:"https://cdn.example.com/sub-directory/",filename:'[name]-[chunkhash].min.js'},devtool:'source-map',plugins:[newwebpack.optimize.UglifyJsPlugin()]}现在我有两个文件app-12345.min.js和app-12345.min.js.map。我还为主脚本自动生成了CDNURLhttps://cdn.example.com/sub-directory/app-12345.min

javascript - 在 webpack 的 css 和 js 文件中更新 chunkhash

我在输出中只有JS文件,而我使用ExtractTextPlugin提取Css文件。它们的名称中都有chunkhash。我的问题是只有在对JS进行更改时才会创建新的chunkhash并且不是CSS。我也想要新的chunkhash来更改Css文件。在我的webpack.config.js文件中。varwebpack=require("webpack");varHtmlWebpackPlugin=require('html-webpack-plugin');varExtractTextPlugin=require("extract-text-webpack-plugin");module.e

javascript - webpack-cli@3.0.8 需要 webpack@^4.x.x 的对等体,但没有安装

在使用React时遇到了一些麻烦。有谁知道如何安装webpack@^4.x.x的peer?这是我尝试运行时收到的错误webpack-dev-server在命令中。它只是返回webpack-cli@3.0.8requiresapeerofwebpack@^4.x.xbutnoneisinstalled.Youmustinstallpeerdependenciesyourself. 最佳答案 webpack-dev-server将Webpack作为peerdependency,这意味着您需要自行安装。您可以使用以下命令安装最新版本的We

javascript - Webpack sass loader 无法识别全局变量文件

我有这个sass目录:-_vars.scss-main.scss//变量.scss$base-container:1400px;//main.scss@import'./vars';在我的其他js文件中:require('./some-module-sass-file');//some-module-sass-file.scss.container{width:$base-container;}问题是我在vars文件中有全局变量,而some-module-sass-file无法识别它们并抛出错误:undefinedvariable$base-container

javascript - 路径更改时 Webpack 从错误的 URL 加载

我正在编写一个React应用程序,当我导航到localhost:3000时一切正常,但是当我尝试转到localhost:3000/foo/page时,我收到一条错误消息,告诉我无法加载localhost:3000/foo/bundle.js。对我来说,这看起来像是Webpack在错误的位置查找bundle.js的问题,但我不确定。如何让应用程序始终查看bundle.js的localhost:3000?这是我的一些webpack配置。varTARGET=process.env.npm_lifecycle_event;varROOT_PATH=path.resolve(__dirname)

javascript - 无法解决在 typescript/webpack 中找不到模块 'rxjs'

我在将rxjs加载到简单的webpack设置(没有Angular)时遇到了问题。我在跑:./node_modules/.bin/webpack--configwebpack.config.js--watch启动webpack。该应用程序的唯一文件src/app.ts以:开头import{Observable}from'rxjs';并且此行在VSCode和webpack控制台中突出显示并出现此错误:Cannotfindmodule'rxjs'.但整体输出效果很好。只是这个控制台错误。tsconfig.json:{"compilerOptions":{"target":"es2015"},

javascript - 使用 Webpack 时 Typescript 编译器 "cannot find module"需要 CSS/图像 Assets

我正在编写vanillaJavascript,但使用Typescript编译器的checkJs选项在VSCode中进行类型检查。我将Webpack设置为加载各种Assets类型(CSS、图像等),这对于构建工作正常,但代码将这些语句视为错误。例如,在这段代码中require("bootstrap");require("bootstrap/dist/css/bootstrap.css");varimg=require("../img/image.png");第一行很好,但接下来的两行都在require()的(字符串)参数下显示错误,工具提示为“找不到模块(名称)”。我已经安装了@type

javascript - 获取预编译源代码的 Karma 代码覆盖率

我使用Karma运行测试,使用webpack打包文件,使用babel进行es6->es5转换。我已经运行了测试并生成了代码覆盖率,但是代码覆盖率数字是针对转译后的源文件的。无论如何,是否可以获取原始源文件的代码覆盖率?我尝试使用sourcemap预处理器,但它似乎没有做任何事情。我是否需要将其添加到webpack配置中的某处?karma.conf.jsconfig.set({browsers:['Chrome'],//runinChromefiles:['src/**/*-test.js'],frameworks:['mocha'],//usethemochatestframework