jjzjj

javascript - Webpack require array of requirements(需要动态字符串)

我想在webpack中要求一个需求列表。一旦我将require函数的字符串参数替换为变量或常量,它就无法再注入(inject)需求。这是一个完美的例子:constangular=require('angular');但是一旦我将其更改为以下内容,它就不再起作用了:constangularString='angular';constangular=require(angularString);我的目标是拥有一个静态的依赖项列表,并像这样一个一个地注入(inject)它们:constangularDependencies=['angular-socket-io','angular-ui-r

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 - 需要多个 Vue 组件的更简洁的方法?

我刚开始使用Vue.JS,有一个小问题困扰着我。我的文件结构类似如下:+js|--+components||--parent.vue||--child.vue|--main.js然后在我的main.js中有以下内容:window.Vue=require('vue');require('vue-resource');Vue.component('parent',require('./Components/parent'));Vue.component('child',require('./Components/child'));varapp=newVue({el:"#app"});(我实

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 - 未捕获的类型错误 : Cannot read property 'toUpperCase' of undefined react state item

我是React和Javascript的新手,我正在尝试呈现以下React组件:'usestrict';varReact=require('react');importToReadListfrom'./toreadlist.js';varToRead=React.createClass({getInitialState:function(){return{bookTitles:[]};},handleSubmit:function(e){e.preventDefault();this.state.bookTitles.push(React.findDOMNode(this.refs.bo

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 - 类型错误 - 不是构造函数

这个问题在这里已经有了答案:ES6+javascriptmoduleexportoptions(3个答案)关闭6年前。想要在ES6javascript中实例化一个模块并转换为ES5。我正在我的项目中设置一个新类,它是es6/webpack。我有2个文件:track.js具有以下内容——exportdefaultclassTrack{constructor(){this.o={};}}另一个是index.js--import{Track}from'./track';consttrack=newTrack();console.log(track);我试图让控制台日志显示一个空对象。相反,我

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