将sass文件包含在Angular 4和Webpack 2中
在Angular 4和Webpack 2中将Sass文件包含进来，可以通过以下步骤实现：
- 确保已经安装了Node.js和npm（Node.js的包管理器）。
- 创建一个新的Angular项目，可以使用Angular CLI（命令行界面）来快速搭建项目。在命令行中运行以下命令来安装Angular CLI：
npm install -g @angular/cli
- 使用Angular CLI创建一个新的Angular项目。在命令行中运行以下命令：
ng new my-angular-app
这将创建一个名为"my-angular-app"的新项目。
- 进入项目目录：
cd my-angular-app
- 安装node-sass和sass-loader模块，这两个模块可以帮助Webpack处理Sass文件。在命令行中运行以下命令：
npm install node-sass sass-loader --save-dev
- 打开项目中的"angular.json"文件，找到"styles"属性，并将其值更改为以下内容：
"styles": [
"src/styles.scss"]
这将告诉Angular将样式文件从"src/styles.scss"引入到项目中。
- 创建一个新的Sass文件，可以将其命名为"styles.scss"，并将其放置在项目的"src"目录下。
- 在"styles.scss"文件中，可以编写Sass样式。
- 在Angular组件中使用Sass样式，只需在组件的CSS文件中导入Sass文件即可。例如，在组件的CSS文件中添加以下代码：
@import '../styles.scss';
这将导入项目中的Sass样式。
- 运行项目，可以使用以下命令在本地开发服务器上启动项目：
```ng serve```项目将在默认端口上启动，并且可以在浏览器中访问。通过以上步骤，你可以将Sass文件包含在Angular 4和Webpack 2中。这样做的好处是可以使用Sass的强大功能来编写样式，例如变量、嵌套、混合等，以提高开发效率和代码可维护性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr
相关·内容
1回答
我们正在尝试构建一个在AngularJS项目中应该使用的角元素(带有角7)。输出的.js文件是5MB大.为了更多。
使用webpack-bundle分析器进行的分析表明，大多数空间是由AngularJS项目中也需要的依赖项使用的--不应该在代码中使用两次库。
因此，我的想法是在package.json中将这些依赖项声明为package.json。我希望输出文件会变得更小。，但不幸的是，peerDependencies的构建结果在大小上是相同的。我是误解了peerDependencies的概念，还是需要一个特殊的构建参数？
"dependencies": {
"@
浏览 2提问于2019-04-17得票数 1
我在运行构建时遇到以下错误
ERROR in ./~/bootstrap-loader/lib/bootstrap.loader.js!./~/bootstrap-loader/no-op.js
Module build failed: Error: Breaking change: extract now only takes a single argument. Either an options object *or* the loader(s).
Example: if your old code looked like this:
ExtractTextPlugin.extr
浏览 0提问于2017-03-10得票数 1
1回答
从Webpack开始渲染(刷新)或1.15s+需要35秒。 我试过优化Webpack，启动它的速度变得更快了，但大部分时间都是在加载main.js并处理它之后发生的。 我做了侧写，但搞不懂哪部分花了这么长时间。 如何加快开发速度？每次文件更改都要花费我们35-60秒的时间来预览和测试。 {
"name": "....",
"version": "0.0.0",
"scripts": {
"start": "webpack-dev-server --env.NOD
浏览 24提问于2019-09-12得票数 0
回答已采纳
我不确定为什么我的SCSS不能加载到我的VideoBackground.js组件中，即使它在我的Laravel项目中的webpack.mix.js文件中，这个项目是用React.js搭建的。在VideoBackground.js文件中声明的videoBackground.scss文件的文件路径以及在webpack.mix.js中声明的路径。 注意:在sass文件夹中有一个app.scss文件，我相信它是在使用React.js搭建我的Laravel项目时现成的。我需要利用这个吗？ 我如何解决我的问题？ 这是我的webpack.mix.js const mix = require('la
浏览 20提问于2021-01-17得票数 0
我们是否可以直接在中引用sass文件而不是css文件？
如果可能的话，webpack如何将sass编译成css文件？另外，在构建应用程序时，哪一种方式是打包sass文件的最佳方法？
我正在使用以下版本：
webpack(3.5.5)，角/cli(1.4.1)和angular4
我的文件夹结构是这样的，
src
├--- assets
| ├--- sass
| | ├--- common.scss
| | ├--- base.scss
| | ├--- coustom.scss
| ├--- css
| ├--- common.c
浏览 1提问于2017-10-12得票数 0
回答已采纳
在开发模式下，所有工作都很好：
在生产中：
我的webpack.config.common.js：
var webpack = require('webpack');
module.exports = {
entry: {
'app': './assets/app/main.ts'
},
resolve: {
extensions: ['.js', '.ts']
},
module: {
rules:
浏览 3提问于2017-06-01得票数 1
回答已采纳
我一直在用ES6 / Angular 1.X和webpack做实验。我克隆了这个代码库并做了一些小的修改：
App works great....but当它进入生产阶段时，生成的bundle.js文件几乎是2兆。
我已经看了几篇SO帖子，并实施了一些建议的策略，但似乎什么都不起作用。
谁有什么可以分享的见解？我真的很感激。
这是我的package.json：
{
"name": "Webpack-Angular",
"version": "1.0.0",
"description":
浏览 1提问于2016-10-22得票数 0
我有一个使用剑道的项目。下面是package.json文件：
Package.json-
{
"name": "angular-2-webpack-starter",
"version": "0.1.0",
"description": "A starter kit for angular 2 and webpack",
"scripts": {
"dist": "npm run webpack -p --progress --colo
浏览 4提问于2017-03-23得票数 0
2回答
更新
在提到@developer033之后，我正在运行npm运行服务器: prod 和app正以prod模式运行。但我不确定，如何验证它是否优化了AOT？
如果我检查main.bundle.js，以检查它是否有main.browser.aot.ts的代码：
我看到的是main.browser.ts，而不是main.browser.aot.ts，所以我不确定是否使用AOT构建。
原始邮政
好的，我可以用Webpack的Angular2模式编译我的AOT项目，它创建了两个文件夹，一个是"dist“，另一个是”编译“，但是我不知道编译后如何运行这个AOT项目。
构建命令：
浏览 1提问于2017-06-10得票数 3
回答已采纳
1回答
我正在使用Angular 2 (alpha.52)和webpack构建一个应用程序，但是遇到了一个需要sass文件的问题。我在www上找过了，问过了，在webpack的聊天室里还是有问题。
导致编译器问题的代码行如下所示：
var sass = require('../sass/authenty.scss');
但是当'npm start‘构建包时，它会导致这个错误：
ERROR in Cannot find module 'source-map'
@ ./src/app//sass/authenty.scss 4:14-141
我不知道这个错误是在哪
浏览 0提问于2015-12-15得票数 0
对webpack来说还是个新手，但目前webpack正在将样式注入到我的文档正文中，我想禁用它。我不确定如何做到这一点。
这是我的webpack.config.js
var webpack = require('webpack');
var autoprefixer = require('autoprefixer');
var ExtractTextPlugin = require("extract-text-webpack-plugin");
module.exports = {
output: {
filename:
浏览 0提问于2017-11-30得票数 0
我正在尝试在angular社区提供的angular2-seed中测试scss。
除了font- package包之外，一切都很正常。
以下是我的package.json
"devDependencies": {
"angular2-template-loader": "^0.4.0",
"awesome-typescript-loader": "^1.1.1",
"bootstrap-sass": "^3.3.7",
"css-loader":
浏览 0提问于2016-08-07得票数 1
1回答
我的问题是，当输入是sass文件时，webpack同时构建js和css文件。以下是的内容。我只想为scss输出css文件，而不是两者都输出。我不知道怎么做。我希望有人能帮忙。这是我的密码。
let path = require("path");
let webpack = require("webpack");
let ExtractTextPlugin = require("extract-text-webpack-plugin");
let SRC = path.join(__dirname, "client", "
浏览 1提问于2017-03-23得票数 1
回答已采纳
1回答
先试一试webpack。
在我的根目录中，我有我的main.js入口点，并且还在检查.js和.scss文件
它会编译main.js文件。
Webpack似乎找不到任何其他的.scss或.js文件。我做错了什么。
完整配置如下：
var webpack = require('webpack');
var path = require('path');
let ExtractTextPlugin = require("extract-text-webpack-plugin");
var webpack = require('w
浏览 18提问于2017-03-02得票数 1
回答已采纳
我正在尝试使用webpack创建一个自定义的bootstrap 4构建，但它不能编译。
这里有bootstrap 4：
/node_modules/bootstrap/scss
我创建了自己的app.scss文件来导入我想要的引导程序的各个部分：
@import "variables";
@import "mixins";
@import "custom";
....
在我的webpack文件中，我有：
mix.sass('resources/assets/sass/app.scss', 'public/css',
浏览 2提问于2017-02-16得票数 1
回答已采纳
3回答
我正在尝试通过webpack 2dev服务器提供正在开发中的静态文件(图像)。我似乎不能让它起作用。这将是我的webpack文件，我提供一个角2应用程序，其中有图片文件夹/src/assets/images
var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');
var helpers = require('./helpers');
module.ex
浏览 6提问于2017-02-23得票数 0
回答已采纳
1回答
我在我的项目中使用angular2模板安装在visual ()中。我想集成SASS，但是它会抛出异常“调用节点模块失败: Prerendering失败是因为错误: ReferenceError: window是未定义的”。
这是我的webpack.config.js文件：
var sharedConfig = {
resolve: { extensions: [ '', '.js', '.ts' ] },
output: {
filename: '[name].js',
public
浏览 2提问于2016-12-05得票数 4
1回答
我发现我的webpack供应商包很大(最初是1.6MB)。在使用webpack包大小分析仪后，我发现角对此起了很大的作用.
➜ dapper-ui git:(master) webpack --config ./conf/webpack-dist.conf.js --json | webpack-bundle-size-analyzer
angular: 1.13 MB (25.9%)
lodash: 526.94 KB (11.8%)
moment: 429.12 KB (9.58%)
angular-ui-router: 339.35 KB (7.58%)
chart.js: 311.2
浏览 2提问于2017-03-21得票数 4
我正在开发一个Angular库，使其与AOT编译兼容。我已经使用ngc周围的一些gulp任务启动并运行了它，但我更喜欢使用@ngtools/webpack，因为它允许我在样式和模板中使用SASS和PUG的更直接的方法。但是，我找不到一种方法将声明或元数据文件从它的虚拟文件系统中取出。有没有办法发出这些文件？
浏览 1提问于2017-09-21得票数 7
通过在上执行以下步骤，我已经成功地将Angular 2.2更新到Angular 6.0。更新是以2.2->4.0->5.0->6.0的递增步骤执行的。
在每个更新步骤中，我确认了if >npm start给出了"webpack:编译成功“的消息。还检查了我的应用程序是否可访问。
我不确定更新是否100%正确，原因如下:- 1)我仍然使用webpack^1.13.0和webpack-dev-server^1.14.1，我正在使用它们来启动应用程序，如package.json脚本中所示。我可以使用上面的内容吗？请注意，我已尝试更新到webpack^3.0.0。然而，
浏览 2提问于2018-08-25得票数 0
嘿，所以我刚从角形2开始，使用webpack，我在启动应用程序时得到了这个错误。
index.js:93 Uncaught :无法设置未定义的属性“reflectionCapabilities”，这是这里的一行
core_private_1.reflector.reflectionCapabilities = new core_private_1.ReflectionCapabilities();
我想这和我的webpack的建筑/依赖有关
这是我的webpack配置文件，我从我正在看的教程中使用它
/// <binding BeforeBuild='Run - Deve
浏览 4提问于2016-06-18得票数 1
回答已采纳
我有一个已经运行了几年的Angular 4.3.2应用程序。我需要修复在各种包中发现的一些漏洞(其中许多都是用npm审计修复程序修复的)。然而，在我修复了package.json中的一堆漏洞(并升级了package*文件中的一些代码)后，我执行了一个“npm start”，网页没有加载。在检查了页面和控制台之后，它打印出以下内容： core.es5.js?a1b3:1020 ERROR TypeError: Cannot read property 'map' of null
at splitDepsDsl (core.es5.js?a1b3:8712)
at
浏览 36提问于2020-09-10得票数 1
回答已采纳
我一直有rxjs和zone.js的未满足的对等依赖关系。即使当我删除我的node_modules文件夹，清理npm缓存并重新安装它。
我的节点版本是6.7.0，npm版本是3.10.8。
这是我的package.json：
{
"name": "bingel-teacher",
"version": "0.0.1",
"description": "Bingel project",
"main": "index.js",
"scripts&
浏览 2提问于2016-12-09得票数 5
回答已采纳
3回答
ngx翻译:语言构建路径错误
、、、、
我最近更新了我所有的依赖项(纱线升级--最新的)。
对于翻译，我使用@ngx-翻译。现在，当我构建我的项目(纱线运行webpack: build )时，它将语言文件添加到错误的文件夹中，我得到一个404，因此没有翻译。
所需的结构应该是：/target/www/i18n/de.json
当前文件夹结构为：/target/www/target/www/i18n/de.json
现在我猜:设置路径时显然有错误(额外的./或类似的东西)。
我的问题是:我可以在哪里设置编译语言的放置路径？
我的package.json看起来如下(jus是依赖项部分)：
"dependencies":
浏览 3提问于2017-11-01得票数 1
回答已采纳
下面是Webpack配置的公开要点，本质上是从角CLI中弹出的经过稍微修改的Webpack配置：
这个Webpack构建正在生成styles.bundle.css和styles.bundle.js，但是styles.bundle.js包含注释行，内容如下：
// removed by extract-text-webpack-plugin
styles.bundle.js文件是完全多余的，因为提取插件删除了它的所有内容，并按预期将其转储到styles.bundle.css中。
如何避免加载styles.bundle.js，，因为 styles.bundle.css 文件是从生成的 index
浏览 6提问于2017-04-12得票数 2
回答已采纳
1回答
，这不是一个问题，我只是想分享我的经验！
在package.json中升级依赖项所需的
-all角度依赖关系到版本9 -add此依赖项：
"@angular-devkit/build-angular": "^0.900.4",
"@angular-builders/custom-webpack": "^9.0.0",
"raw-loader": "^4.0.0",
"sass-loader": "^8.0.2",
"ts-loader": "^
浏览 3提问于2020-03-04得票数 11
这是我的文件夹结构：
webpack.config.js
- sass
-- _partials.scss
-- style-1.scss
-- style-2.scss
我希望webpack自动检测我的sass文件夹中的文件，并创建同名的css文件，请注意，有一些sass部分文件：
webpack.config.js
- sass
-- _partials.scss
-- style-1.scss
-- style-2.scss
- css
-- style-1.css
-- style-2.css
我想加载特定的css文件与html链接的标签。根据我的webpack配置文件，我不知道将sa
浏览 2提问于2018-10-03得票数 0
我使用的是webpack 2，我执行的是我在浏览器中得到的webpack-dev-server
异常：“未定义ReferenceError: webpackJsonp”。
当我尝试创建供应商块时，这个异常就开始了。
我的webpack.config.js文件：
'use strict';
const webpack = require('webpack');
const path = require('path');
const webpackMerge = require('webpack-merge');
const
浏览 6提问于2017-02-06得票数 1
1回答
我遵循了提供的步骤，使Angular2-mdl工作得完美无缺，但现在我陷入了我想要包含MDL的scss文件的地步。
我没有扩展角-cli-build.js，也不认为我真的必须这样做。那么，我在哪里设置的SASS编译器选项，何时只使用webpack？
到目前为止，我已经尝试加入webpack的选择：
module: {
loaders: [
{
test: /\.ts$/,
loader: 'awesome-typescript-loader',
exclude: [/\.(spec|e2
浏览 0提问于2016-10-06得票数 2
回答已采纳
我在我的项目中使用Webpack (v4)、Sass和Vue.js (v2)。
在某些情况下，我希望将sass代码编译成.css文件。(这是用于.scss文件，在webpack.config.js中被提到为“入口”点)
在其他一些情况下，我希望将编译的sass代码注入到html标记中。(这是用于我的.vue单文件组件中包含的.vue)
有可能同时拥有这两者吗？我该如何配置Webpack？
浏览 1提问于2018-09-11得票数 0
回答已采纳
1回答
我取消了的Laravel/反应项目，我正在玩。我发现热重装并不像Vue.js那样工作。这是我的脚本(我正在运行npm run hot)
"scripts": {
"dev": "npm run development",
"development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/se
浏览 4提问于2021-04-09得票数 1
我已经创建了ASPASCore2解决方案，并将其升级到Angular 5.2.10，现在当我运行我的应用程序时，热模块替换没有发生，并给出了这个错误：
Error: A platform with a different configuration has been created.
Please destroy it first.
package.json
{
"name": "Project",
"private": true,
"version": "0.0.0",
"scripts&
浏览 0提问于2018-04-18得票数 1
1回答
我正为第一次尝试webpack而挣扎。
我在浏览器控制台中得到以下错误。
ERROR TypeError: $(...).sparkline is not a function
这是我的webpack.config.vendor.js代码
const path = require('path');
const webpack = require('webpack');
//const ExtractTextPlugin = require('extract-text-webpack-plugin');
const merge = require(
浏览 0提问于2018-03-23得票数 6
回答已采纳
2回答
我需要将我的angular-cli更新到最新版本。当我运行时：
npm cache clean
我面临以下错误：
npm ERR! Windows_NT 6.3.9600
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "cache" "clean"
npm ERR! node v4.4.0
npm ERR! npm v2.14.20
npm ER
浏览 2提问于2016-10-05得票数 0
1回答
我遇到了一些问题，包括使用webpack的角度矩包。假设在我的文件app.js中，我以这种方式包含了文件依赖性：
import 'moment/src/moment';
import angularMoment from 'angular-moment';
angular.module('helloWorldapp', [angularMoment]);
我的webpack.config如下：
var path = require('path');
var webpack = require('webpack
浏览 1提问于2016-10-13得票数 0
回答已采纳
我想用Webpack 4直接从HTML加载图像，并将自定义的Javascript文件添加到我的HTML文件中，但在控制台检查的这两个文件都显示为Not found 404。
如何正确加载图片和Javascipt文件的Webpack 4？
我的Webpack 4配置文件：
const path = require("path");
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-pl
浏览 7提问于2020-02-23得票数 0
在此package.json上运行npm install时
{
"author": ", Inc.",
"name": "-angular2-template",
"version": "0.2.0",
"description": "Angular 2 Project Template. Webpack, ES6, Sass, Karma.",
"bugs": {
"url": "https://dev..net//-an
浏览 20提问于2016-08-21得票数 1
我正在尝试用导出构建一个js包，我可以直接从内联脚本调用它，但我似乎无法让它工作。
我有一个像这样的类型记录源文件：
export namespace Init {
export function index() {
// do some things
}
}
export function blahblah() { console.log('blahblah') }
这与同一文件夹src/ts/*.ts中的其他一些源放在一起。我的webpack.config.js看起来是这样的：
'use strict';
module.e
浏览 0提问于2017-07-07得票数 3
您好，我在我的应用程序中使用socket io。这需要fs。当我尝试使用下面的webpack配置来捆绑我的javascript时。即时消息收到错误，无法解析'fs‘。
Module not found: Error: Can't resolve 'fs' in 'my application path/node_modules/socket.io/lib'
我是通过添加target:'node'和node:{fs:'empty'}找到的。此问题已解决。
但是在sass-loader中有一个问题。获取以下错误。
ER
浏览 7提问于2018-04-20得票数 11
当我们启动多个项目时，，3个在ng2中，1个在ng4中，它都是独立工作的。一个项目也使用datatables.net。当我试图集成和升级到ng4时，我得到了这个错误.
登录是一个应用程序中的组件，而其他程序则使用login.html --更好的方法是什么？
编译错误
类“Subject”错误地扩展了基类“可观察”。财产‘升降机’的类型是不兼容的。类型‘(操作符:操作符) =>可观测’不能分配到类型‘(运算符:操作符) =>可观测’。类型‘可观察’是不能分配的类型‘可观察’。类型'T‘不能指定为'R’。
rxjs是5.4.2版
解决版本rxjs升级到
浏览 3提问于2017-08-01得票数 0
回答已采纳
2回答
在我的项目中，我使用Webpack与React和NodeJS。我想要生成一个bundle.js和style.css文件。目前，我有以下代码：
var webpack = require('webpack')
var ExtractTextPlugin = require('extract-text-webpack-plugin')
module.exports = {
entry: './index.js',
output: {
path: 'public',
filename: 'bundle
浏览 1提问于2016-03-14得票数 0
我有一个使用Angular的webpack的工作配置，以便将scss文件插入到bundle.js中。
{
test: /\.scss$/,
use: ['raw-loader', 'resolve-url-loader', 'sass-loader?sourceMap']
}
但是，我想要获得一个包含应用程序中所有scs的css文件，所以我像这样使用ExtractTextPlugin
{
test: /\.scss$/,
use: ExtractTextPlugin.extract({
fallback: ['ra
浏览 8提问于2017-03-04得票数 3
最近，在没有对我们的包进行任何版本更改的情况下，我们的AOT构建失败了，出现了以下错误消息：
块供应商initial.bundle.js标识符中的错误
“territoryFromName”已被宣布(13:9)
}
function territoryFromName(name, identity) { var likelySubtags = __WEBPACK_MODULE_REFERENCE__7_636c6472__.supplemental.likelySubtags; var parts = name.split("-");
我
浏览 5提问于2018-08-29得票数 6
回答已采纳
如何在Laravel5.5应用程序中包含/node_modules，我引用了这个
我能做这些
npm install angular-moment moment --save
它将创建一个/node_modules目录，但是laravel会忽略它
假设我想这样做
<script src="node_modules/moment/moment.js"></script>
它将不起作用，它将显示一个错误
我现在有这个在我的webpack，什么会是最好的方式来集成它？
let mix = require('laravel-mix');
/*
浏览 0提问于2017-11-25得票数 9
回答已采纳
4回答
当我运行"npm启动“webpack成功地建设了一切。然后，当我去更改一个文件并保存时，它会尝试重新构建，并得到以下错误
C:\Users\me\Source\Repos\PTCCompass\Web.Angular\node_modules\awesome-typescript-loader\src\instance.ts:334
const changedFiles = Object.keys(mtimes).map(toUnix);
^
TypeError: Cannot convert un
浏览 6提问于2017-02-22得票数 2
回答已采纳
1回答
我们遇到了问题，webpack从bootstrap.scss文件中为jhipster和angular2构建模块。
当我们为这个配置文件运行webpack构建命令时，我们会得到以下错误：
ERROR in ./~/css-loader!./~/postcss-loader!./~/sass-loader/lib/loader.js!./src/main/webapp/content/scss/vendor.scss
Module build failed:
0: (
^
(x: 0, y: 0) isn't a valid CSS value.
in
浏览 2提问于2017-09-06得票数 2
我已经升级到最新的本地文本，类型记录和使用角。现在，每当我试图编译时，我都会得到这个错误，而不管我要编译到哪个平台。
错误: com.tns.NativeScriptException:未能找到模块：“@角形/编译器”，相对于: app/tns_modules/
下面是我的package.json依赖项：
"dependencies": {
"@angular/animations": "~6.1.0",
"@angular/common": "~6.1.0",
"@
浏览 0提问于2018-10-30得票数 0
回答已采纳
我现在的webpack在某个地方有个问题。我找不到它。我正在使用Angular2+Webpack2+AwesomeTypescriptLoader。应用程序已经启动并运行，但是webpack没有正确地重新编译我的应用程序。每当我在项目中更改ts-文件时，我就会得到
装载机检查是从一个单独的过程开始的.
装载机好的，0.985秒。
因此，它似乎认识到了变化，但我的bundle/ js输出文件从未更新过。当我在后台运行tsc -w时，一切都正常。但这不应该是必要的，对吧？
有人能发现我的错误吗？非常感谢!
以下是我的配置文件：
tsconfig：
{
"compiler
浏览 2提问于2017-01-06得票数 1
3回答
我在使用webpack捆绑我的应用程序时遇到了问题，我在网站上看到了类似的问题，尽管我尝试了所有的建议，但我无法弄清楚到底出了什么问题。
一切都捆绑得很好。但是，当我打开浏览器时，会显示以下错误：
未定义的ReferenceError：未定义
webpack-dist.conf.js
const webpack = require('webpack');
const conf = require('./gulp.conf');
const path = require('path');
const HtmlWebpackPlugin = req
浏览 5提问于2017-06-04得票数 10
回答已采纳
以下是我当前的配置和文件结构。它成功地建造了。我的浏览器控制台中没有错误。只是一页空白。我提供dist文件夹。我通过npm安装了所有依赖项。我有一个初始错误- angular is not defined -但我通过安装角度模块解决了这个问题。至少，它告诉我服务器确实在为dist文件夹服务。
我的dist文件夹中的html文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Lightbox</title>
浏览 0提问于2017-04-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
