草庐IT

webpack-dev-middleware

全部标签

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 - 使用 react webpack 文件加载器提供静态 pdf

我正在提供一些静态文件,如图像和字体,没有任何问题。当我尝试对PDF文件执行相同操作时,出现错误。ERRORin./src/views/default/components/Footer.jsc:\Resurs\repos\Frontend\src\views\default\components\Footer.js5:17errorParseerrorsinimportedmodule'src/includes/ANVANDARAVTAL_MITTKONTOR.pdf'import/default✖1problem(1error,0warnings)ERRORin./src/view

javascript - webpackJsonp 未定义 : webpack-dev-server and CommonsChunkPlugin

这是我的webpack.config.js文件:constwebpack=require('webpack');constpath=require('path');module.exports={cache:true,devtool:'source-map',entry:{app:['./src/index.js'],vendor:['lodash']},output:{filename:'bundle.js',path:path.join(__dirname,'dist'),publicPath:'/dist/',pathinfo:true},module:{loaders:[{te

javascript - 模块构建错误 : pngquant ENOENT - webpack build succeeds on local OS X, 在 AWS Ubuntu 16.04 服务器上失败

我试图从头到尾找到答案,但似乎还没有答案。我正在使用React-Toolbox、React-Bootstrap和一些自定义scss。在我的本地机器上,构建工作正常。当我启动AWSUbuntu服务器并进行基本的节点生产设置时,在我的图像上构建失败。我正在使用Image-Webpack-Loader。我在文件加载器上链接它。这是我的生产webpack文件(对此的任何提示也非常感谢。总是认真学习)letwebpack=require('webpack');letHtmlWebpackPlugin=require('html-webpack-plugin');letExtractTextPlu