-
5 votesanswersviews
在React项目上使用System.import进行树抖动和延迟加载的Webpack 2配置
我是webpack 2的新手并且它是延迟加载的,到目前为止我已经创建了没有延迟加载和代码拆分的项目,但是现在想要将我的代码拆分成块并使用React Router进行系统导入 . 我根据this文章创建了React Router部分 这个webpack 2配置文件如下 . let webpack = require('webpack'); let path = require('path'); le... -
0 votesanswersviews
升级webpack版本会在React中引发错误
webpack 1 import webpack from 'webpack' import cssnano from 'cssnano' import HtmlWebpackPlugin from 'html-webpack-plugin' import ExtractTextPlugin from 'extract-text-webpack-plugin' import config fr... -
1 votesanswersviews
angular 2 webpack 2延迟加载模块抛出模板解析错误
即时通讯使用webpack 2.2.0 . 我的appmodule正确加载,并且在路由上下载了块但是它会引发模板解析错误 “无法绑定到'ngIf',因为它不是已知的属性” 如果我试图在动态模块中加载commonmodule它会引发重复错误 动态路由(app-routing): { path: "reports/:id", loadChildren: () =&g... -
0 votesanswersviews
angular 2 webpack 2错误找不到名字'global'
我正在尝试使用webpack 2设置角度2,但是我遇到了构建错误 . 我刚刚导入了@ angular / platform-browser-dynamic但它在屏幕上显示了很多错误 . 找不到模块'错误找不到名字'全球' . '就是其中之一 C:\ Users \ T12449 \ Desktop \ angular \ hello-angular \ node_modules \ zone.js... -
0 votesanswersviews
无法使用file-loader和webpack v2加载字体
我在使用webpack v2和file-loader加载字体时遇到问题 . 对任何字体文件使用url-loader一切都很完美 . 但是,我想使用文件加载器,因此我们可以缓存字体文件,而不是将所有图像和字体存储在捆绑的js文件中 . 我正在使用webpack v2,css-modules和postcss(以及postcss-loader) . 为了简单起见,我在global.pcss样式表中定义了... -
0 votesanswersviews
scss文件不在源映射中 - webpack
我有一个webpack配置,在使用babel编译它们后服务于缩小的js和css . 我使用scss然后使用sass,postcss,css loader转换它们 . 我无缘无故得到这个错误 . ERROR in C:/Development/cxd-addon-iss/digital-spearhead/digital-ui/src/~/css-loader?{"minimize&quo... -
7 votesanswersviews
如何使用Webpack 2导入Foundation的SCSS?
我正在尝试使用sass-loader将Web与Webpack 2一起使用 . 我正在进口基金会 @import 'foundation-sites/scss/foundation'; 并获得导入错误,因为它找不到基础 . 阅读sass-loader的文档表明我应该实际使用: @import '~foundation-sites/scss/foundation'; 这解决了导入错误但会产生新问题... -
1 votesanswersviews
Webpack并复制,同时保留文件结构
我目前正在为一个新项目设置一个webpack工作流程,我在理解如何复制图像同时仍然保留旧文件夹结构时遇到了困难 . 例如,我在/src/img/folder/name/01.png下有图像 在webpack中使用以下规则,可以将所有图像直接存放到/ dist / img /文件夹中,而无需考虑文件夹结构 . { test: /\.(jpg|png|svg/gif)$/, exclude: ... -
1 votesanswersviews
gem对rails做出反应:webpack.config.js
我使用Rails 5.1和react_on_rails gem v10.0.2 我想使用css模块和css-loader,我想知道在哪里放webpack.config.js - 文件? 正如我所看到的,react_on_rails gem的当前版本不再具有客户端目录(以前存储webpack.config.js文件) . react组件存储在/ app / javascripts中 . -
42 votesanswersviews
如何编写基于其他模块动态添加模块的Webpack插件?
我在为翻译服务编写Webpack插件时遇到问题 . 目标是: 在编译期间获取所有必需模块的名称(和源代码) . 我需要能够扫描包含的源代码以获取特殊的 t() 函数用法,但我想只扫描那些将包含在bundle中的模块(根据构建配置,它可以是所有项目模块的子集) . 基于收集的模块,我想动态创建其他模块(带翻译)并将它们添加到捆绑包中 . 这些模块需要能够导入自己的依赖项 . 另一个要求是... -
2 votesanswersviews
Webpack 2 CommonsChunkPlugin供应商包
Webpack 2与 CommonsChunkPlugin 相关的问题/澄清 . { entry: { app: './src/app.ts', vendor: ['some-third-party-lib', 'another-third-party-lib'] }, output: { path: path.resolve... -
3 votesanswersviews
一起使用Webpack和Bootstrap的错误
几天来,我一直在反对这个问题,所以如果这是一个简单的解决方案,我会道歉 . 我是Webpack的新手 . 我想将Bootstrap导入到我的项目中,而不是使用CDN或任何其他方法 . 但我发生了两个问题: Bootstrap未在页面上呈现 我一直在尝试加载.woff和.woff2 glyphicons 我将在下面提供我的代码,这将告诉你我在哪里 . 我在这里先向您的帮助表示感谢! 文件... -
2 votesanswersviews
延迟加载角度4模块可用于不同的源文件夹
我试图在另一个文件夹(/ home / abhishek / programming / angular4 / lazy-loading / lazy2 / src / app)中将懒惰加载模块(Angular 4)提供给当前正在运行的app文件夹(/ home / abhishek / programming / angular4) / lazy-loading / lazy1 / sr... -
3 votesanswersviews
使用Angular和Webpack强制编译CSS内联
有没有办法让Webpack将已编译的 SCSS → CSS 文件添加到我的Angular项目的 index.html 头作为内联样式标记? 目标是在Angular忙于引导时显示"Loading ..."页面的样式 . 为了避免FOUC,生成的CSS文件需要内联注入,因为我的index.html 's head. This way, once index.html is load... -
0 votesanswersviews
Webpack - 生产环境 如何为css文件中的<link href =“”>和图像路径启用不同的文件路径
我会更详细地解释一下 . module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../dist/index.html'), assetsRoot: path.resolve(__dirname, '../dist/'), assetsSubD... -
5 votesanswersviews
带有polyfill包的Webpack隐式供应商包
我想构建三个包: main.js , vendor.js 和 polyfill.js . polyfill.js 文件应包含 polyfill.js 文件中定义的模块 . 应通过提取从npm( node_modules )导入的所有依赖项来动态创建 vendor.js 文件 . 最后 main.js 应包含 polyfill 和 vendor 模块以外的模块,这基本上是我的应用程序代码 . ... -
1 votesanswersviews
带有boostrap-sass的Webpack ExtractTextPlugin
我正在使用bootstrap sass和extract text-plugin将已编译的css输出到文件中 . 如果我不在我的style.scss中导入bootstrap,它可以很好地工作,但是当我导入bootstrap时,webpack无法解析字体路径 . 它在我的src文件夹中查找bootstrap字体而不是/ node_modules / bootstrap-sass / 找不到模块:错误:... -
1 votesanswersviews
scpack @import中的Webpack和别名
鉴于以下项目结构: |- SRC |-- COMMON |---- SCSS |------ GLOBAL.scss |------ VARIABLES.json (scss colors in json structure) |-- PAGES |---- COMPONENTS |------ COMPONENT A |-------- SCSS |---------- componentA.s... -
1 votesanswersviews
如何获得webapck 2包含路径
更新本地grunt后,我在使用webpack2构建应用程序时遇到了这些错误: [at-loader] app / common / node_modules / iconv-lite / lib / index.d.ts中的错误:6:25 TS2307:找不到模块'stream' . [at-loader]中的错误app / common / node_modules / iconv-lite... -
0 votesanswersviews
使用ts-loader时,Webpack 2将无法工作
我一直在设置一个基本的角度2(打字稿)应用程序,它使用Webpack 2进行捆绑等 . 我的问题是,当我使用ts-loader处理typescript(.ts)文件时,我会遇到很多错误 . 我怀疑,但我不完全确定,错误与ts-loader not 有关,不包括node_modules目录,即使我指定它在webpack配置中将其排除 . 我只是想能够设置我的webpack配置(和我的应用程序),以... -
2 votesanswersviews
无法让React Hot Loader工作
我正在尝试将react-hot-loader配置到我的应用程序中 . 它 Build 在webpack 2,webpack-dev-middleware,浏览器同步,表达和服务器端渲染之上 . 这是我的webpack.config require('dotenv').config() import path from 'path' import webpack from 'webpack' imp... -
0 votesanswersviews
如何使用webpack 2 dev服务器提供资源
我试图通过webpack 2 dev服务器在开发中提供静态文件(图像) . 我似乎无法使其发挥作用 . 这将是我的webpack文件,我正在为Angular 2应用程序提供文件夹 /src/assets/images 中的图像: var path = require('path'); var webpack = require('webpack'); var HtmlWebpackPlugin =... -
0 votesanswersviews
运行webpack-dev-server时Webpack2抛出错误
我有以下webpack配置文件: var webpack = require('webpack'); var config = { context: __dirname + '/src', // `__dirname` is root of project and `src` is source entry: { app: './app.js', }, ... -
0 votesanswersviews
webpack-merge 切入点
我已经将 webpack 配置文件分解为 3 个单独的文件,如 webpack 4.1 docs 中建议的那样,使用 webpack-merge 将它们合并在一起。 webpack.common.js webpack.dev.js webpack.prod.js 我遇到的问题是我正在使用webpack-dev-middleware和webpack-hot-middleware而我只... -
0 votesanswersviews
Vue 2 - 按需导入
import Vue from 'vue' import { Button, Select, Table, Form, } from 'element-ui' import App from './App.vue' Vue.component(Button.name, Button) Vue.co... -
3 votesanswersviews
有没有办法从使用Webpack编译的模块加载AMD模块(在运行时通过网络)?
有没有办法从使用Webpack编译的模块加载AMD模块(在运行时通过网络)? f.e.,我有 import Blah from './Blah' import AmdModule from './AmdModule' 其中 AmdModule 是一个AMD模块,其中只有一个 define() 调用 . 我不希望webpack将其包含在捆绑包中 . 也许该文件在编译时甚至不存在,但会存在于资产服务... -
1 votesanswersviews
WebPack按需动态加载bundle
我们使用webpack 1.14.0捆绑我们的应用程序 . 目前,我们正在寻找一种方法,我们需要动态地按需加载捆绑包 . 我们的要求是从bundle动态加载readme.md和example.md文件 . 我正在尝试使用 require.ensure ,下面是我正在尝试的示例 //app.js entry point for webpack config require("./login... -
1 votesanswersviews
Dll插件如何与Webpack2一起使用?
我正在将我们的应用程序更新到webpack2,并且使用webpack1,我们使用了Dll插件,但我不确定是否仍然需要使用webpack2插件,或者是否需要进行任何更改 . 为了澄清,我们在webpack-vendor配置文件中定义了DllPlugin,并在主webpack配置文件中定义了DllReferencePlugin . -
4 votesanswersviews
从插件触发WebPack模块重建
我正在编写一个webpack插件,其中包含一个附加文件(使用子编译器) . 这很好,但现在我想添加 Watch 支持 . 问题是,包含的文件可能依赖于主编译器实例中的所有文件,因为我从那里提取函数 . 通常情况下,这只会分解为实际使用插件提供的某些功能的一小部分文件 . 我的想法是通过使用一个版本标志来实现 Watch 支持,只要我的插件需要再次编译资源,该标志就会增加...但是,版本只会在编译完... -
1 votesanswersviews
如何使用webpack 2.0和extract-text-webpack-plugin为多页面应用程序生成单独的css包
使用webpack时,为多页面应用程序生成bunldes的常见要求是单独捆绑常用模块和第三方模块 . 我用javascript源码制作了它 . However, not with the style sources . 这是我的样本回购:https://github.com/e-cloud/webpack-multipage-tester和webpack.config 演示项目有两个入口...