草庐IT

webpack-dev-middleware

全部标签

javascript - 尝试使用 webpack 开发服务器路由带有点的 URL 导致 404

我正在使用Webpack的devserver方便本地发展。我正在开发一个单页应用程序,所以我启用了historyApiFallback:common.devServer={outputPath:path.join(__dirname,'www',outDir),historyApiFallback:true};但是,每当我尝试浏览到包含句点的url(例如/ui/alerts/map.postplay)时,我都会得到CannotGET/ui/alerts/map.postplay我怎样才能说服webpack-dev-server让我使用这些url? 最佳答案

javascript - Webpack:如何将多个 javascript 文件捆绑到一个输出文件中?

假设我有两个文件,ma​​in.js和app.js;如何使用Webpack将它们捆绑到一个文件中:bundle.js? 最佳答案 创建一个entry.js这是你的webpack入口文件,在这个文件中你的require你的附加文件webpack.config.jsmodule.exports={entry:'./src/entry.js'...};/src/entry.js//newsyntaximport'./main.js';import'./app.js';//oroldsyntaxrequire('./main.js');re

javascript - 使用 webpack 将 Assets 文件夹推送到公共(public)目录

我是第一次使用Webpack。目前一切都很好。我的问题是当我试图构建一个dist文件夹时。目前我得到了我的index.html和bundle.js文件,但我不知道如何将我的Assets推送到dist文件夹。我已经加载了文件加载器,但它实际上似乎并没有按照我的意愿执行,而且我运行的所有谷歌搜索都没有告诉我我需要知道的内容。下面是我的配置文件。有人能把马牵到水边吗?另外,一旦我让它运行起来,我是否需要将所有图像导入我的React组件?varpath=require('path');varHtmlWebpackPlugin=require('html-webpack-plugin');mod

javascript - Webpack2 不理解我的 SASS 文件中的 @import 语句(How to compile SASS with webpack2?)

UsingWebpack2和sass-loader4.11webpack--configwebpack.config.js这是我的webpack.config.jsvarpath=require('path');varsass=require("./sass/lifeleveler.scss");module.exports={entry:'./dist/main.js',output:{filename:'lifeleveler.app.js',path:path.resolve(__dirname,'dist')},watch:true,watchOptions:{aggregat

javascript - Karma 无法加载 webpack

我遇到了这个错误;1607201513:03:52.741:WARN[preprocess]:Cannotload"webpack"!Error:Cannotresolvecirculardependency!(Resolving:preprocessor:webpack->webpackPlugin->preprocessor:webpack)我的karma.conf看起来像;varwebpack=require('webpack');module.exports=function(config){config.set({browsers:['Chrome'],//runinChro

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 - 类型错误 : getState is not a function when adding middleware to Redux

在我的configureStore.dev.js文件中使用此代码,在添加applyMiddleware(reduxImmutableStateInvariant)时,我得到一个UncaughtTypeError:getStateisnotafunction。当我删除这个添加的中间件时,我的项目运行正常。添加此中间件的正确方法是什么?这是完整的文件:import{createStore,compose,applyMiddleware}from'redux';importrootReducerfrom'../reducers';importreduxImmutableStateInvari

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