草庐IT

webpack-demo

全部标签

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

javascript - 从 Webpack 的 require.context 中排除文件

我试图在Webpack的require.context中包含我的Istanbul尔记者应该涵盖的所有文件。我想包含/要求app下没有.test.js扩展名的所有文件。//internals/testing/test-bundler.jsconstcontext=require.context('../../app',true,/^.*(?!(\.test|internals.*))\.js$/);context.keys().forEach(context);我的文件结构是:app/components/app/containers/app/decorators/app/orm/app

javascript - 如何管理 Webpack/Electron 应用程序的配置?

我正在使用Webpack2和Electron在Mac上构建nodejs应用程序。在我的项目根目录中,我有一个目录“data”,我将配置存储在json中,例如data/configurations/files.json(实际上有不同的文件具有动态名称)在webpackaing之后,当我打电话时:fs.readdirSync(remote.app.getAppPath());为了在根目录中获取文件,我只打包了这些文件:["default_app.js","icon.png","index.html","main.js","package.json","renderer.js"]path.j

javascript - "require is not defined"使用 webpack 2

我在使用webpack捆绑我的应用程序时遇到问题,尽管我已经尝试了所有建议,但我在网站上看到了类似的问题,但我无法弄清楚哪里出了问题。一切都很好。但是,当我打开浏览器时显示此错误:未捕获的ReferenceError:未定义要求webpack-dist.conf.jsconstwebpack=require('webpack');constconf=require('./gulp.conf');constpath=require('path');constHtmlWebpackPlugin=require('html-webpack-plugin');constFailPlugin=r