Tag: Webpack

如何捆绑一个angular度的应用程序的生产

我想在这个线程中跟踪和更新最新的最好的（也是最简单的）方法来将Angular（版本2，4，…）捆绑到一个实时Web服务器上进行生产。 请在答案中包含Angular版本，以便在更新的版本中进行更好的跟踪。

在webpack中传递依赖于环境的variables

我正在尝试将一个angular度的应用程序从吞噬转换为webpack。 在gulp中，我使用gulp-preprocess来取代html页面中的一些variables（例如数据库名称），这取决于NODE_ENV。 用webpack实现类似结果的最好方法是什么？

pipe理webpack中的jQuery插件依赖

我在我的应用程序中使用了Webpack，在这个应用程序中，我创build了两个入口点 – 所有JavaScript文件/代码的bundle.js，以及jQuery和React等所有库的vendor.js。 我该怎么做才能使用jQuery作为依赖的插件，我也想在vendor.js中使用它们？ 如果这些插件有多个依赖关系呢？ 目前我试图在这里使用这个jQuery插件 – https://github.com/mbklein/jquery-elastic 。 Webpack文档提到了providePlugin和imports-loader。 我用providePlugin，但仍然是jQuery对象不可用。 这里是我的webpack.config.js看起来像 – var webpack = require('webpack'); var bower_dir = __dirname + '/bower_components'; var node_dir = __dirname + '/node_modules'; var lib_dir = __dirname + '/public/js/libs'; var config = { addVendor: function (name, path) { this.resolve.alias[name] = path; this.module.noParse.push(new RegExp(path)); }, plugins: [ new webpack.ProvidePlugin({ $: […]

分配左侧的Javascript对象括号表示（{导航} =）

我以前没有看过这个语法，所以想知道这是什么意思。 左边的方括号出现语法错误：“unexpected token {” var { Navigation } = require('react-router'); 我不确定webpackconfiguration的哪个部分正在转换，或者语法的目的是什么。 这是和谐的事情吗？ 有人可以启发我吗？

Webpack“找不到module test.scss”

我在Docker容器中运行webpack，如果这有什么区别的话。 我的webpack.config.js： module.exports = { entry: './app/Resources/scripts/test.js', output: { filename: './web/js/bundle.js' }, watch: true, module: { rules: [{ test: /\.scss$/, use: [{ loader: "style-loader" // creates style nodes from JS strings }, { loader: "css-loader" // translates CSS into CommonJS }, { loader: "sass-loader" // compiles Sass to CSS }] }] } } 我的test.js： require('../styles/test.scss'); […]