将ts sass转换为js中的内联css
是一种将Sass（Syntactically Awesome Style Sheets）代码转换为JavaScript中的内联CSS的技术。Sass是一种CSS预处理器，它提供了许多便利的功能和语法扩展，使得编写和维护CSS代码更加高效和灵活。
内联CSS是将CSS代码直接嵌入到HTML或JavaScript文件中的一种方式，而不是将CSS代码放在外部的CSS文件中。这种方式可以减少HTTP请求，提高页面加载速度，并且使得CSS代码更加模块化和可重用。
在将ts sass转换为js中的内联css时，可以使用以下步骤：
- 安装相关工具：首先，需要安装Node.js和相关的包管理器，如npm或yarn。然后，使用包管理器安装相关的转换工具，如sass-loader、node-sass等。
- 配置构建工具：根据项目的构建工具（如Webpack、Rollup等）的要求，配置相关的loader或插件，以便将Sass代码转换为CSS，并将其嵌入到JavaScript文件中。
- 编写Sass代码：使用Sass语法编写样式代码，可以使用变量、嵌套规则、混合器等功能来提高代码的可维护性和重用性。
- 创建JavaScript文件：在JavaScript文件中引入Sass代码，并使用相关的转换工具将其转换为内联CSS。可以使用工具提供的API或配置文件来指定转换的规则和选项。
- 构建项目：运行构建命令，将Sass代码转换为内联CSS，并生成最终的JavaScript文件。
内联CSS的优势包括：
- 减少HTTP请求：将CSS代码嵌入到JavaScript文件中，可以减少页面加载时的HTTP请求次数，提高页面加载速度。
- 模块化和可重用性：使用Sass的功能，可以将样式代码模块化和组织化，使其更易于维护和重用。
- 更好的性能：内联CSS可以减少浏览器解析CSS的时间，提高页面渲染性能。
- 更好的代码管理：将样式代码与相关的JavaScript代码放在同一个文件中，可以更方便地管理和维护代码。
- 更好的开发体验：使用Sass的功能，如变量、嵌套规则等，可以提高开发效率和代码的可读性。
应用场景：
- 单页应用（SPA）：对于使用React、Vue.js等前端框架构建的单页应用，将ts sass转换为js中的内联css可以更好地管理和组织样式代码。
- 组件库开发：对于开发组件库的场景，将样式代码与组件代码放在同一个文件中，可以提高代码的可维护性和重用性。
- 快速原型开发：在快速原型开发阶段，将样式代码嵌入到JavaScript文件中可以减少开发时间和工作量。
腾讯云相关产品和产品介绍链接地址：
- 云开发（CloudBase）：https://cloud.tencent.com/product/tcb
- 云函数（SCF）：https://cloud.tencent.com/product/scf
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
- 人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
1回答
我的设置:拉拉8打字稿vuejs
tsconfig.js
{
"compilerOptions": {
"module": "commonjs",
"target": "es5",
"noImplicitAny": false,
"sourceMap": false
},
"include": [
"resources/js/**/*",
]
浏览 10提问于2021-06-06得票数 0
1回答
我有下面的webpack设置：
let config= {
mode: 'development',
entry: {
'templates': '/usr/local/var/www/project/src/ts/entry/templates.ts',
'templates2': '/usr/local/var/www/project/src/ts/entry/templates2.ts',
'main_scss': '/
浏览 1提问于2019-03-10得票数 0
回答已采纳
我正在开发一个使用react的应用程序，它需要在IE上运行。我使用的是一个名为query-string的外部库。它包含箭头函数，而IE并不知道这些函数，并且出于某种原因，这个库中的代码没有被转换或翻译成较旧的JS。
我在这个项目中遇到了使用find方法的库popmotion的类似问题，但我通过安装Babel polyfill并将其包含在主文件App.jsx中修复了这个问题。我没有弹出react应用程序，因为我对此非常陌生，也不知道react是如何在幕后工作的。
这是我的package.json
{
"name": "ruzovky",
"
浏览 9提问于2018-08-23得票数 2
我正在尝试创建一个构建脚本，只使用npm，而不是咕哝或吞咽。
除了连接的打字稿之外，大多数东西都是有用的。
我可以编译单个类型的文件，但我有一些单独的文件，我需要连接，然后编译。
我使用的是concat cli mobule，但它似乎没有连接文件，只输出文件夹中的第一个文件。
连接类型记录文件的最佳方法是什么。
{
"name": "starter",
"version": "1.0.0",
"description": "",
"ma
浏览 0提问于2016-07-17得票数 0
1回答
我想创建npm包从我的CRA应用程序。假设我有一些包含.scss文件的组件。当我构建这个应用程序时，我会将. .tsx/ts组件编译成JavaScript文件，并给出它们的定义。
编译后的文件夹层次结构可能如下所示
components
=> BurgerMenu
=> BurgerMenu.d.ts
=> BurgerMenu.js
=> BurgerMenu.js.map
但是，编译后的JavaScript文件导入scss文件require("./burgerMenu.scss");而不是css文件，并且css文件没有编译到特
浏览 3提问于2020-07-07得票数 0
回答已采纳
1回答
Grunt不监视JS文件
、、、、
我花了一个多小时在这个问题上，仔细研究了几个问题，但答案是找不到的。
在我的javascript文件上使用watch时，我遇到了问题。监视所有其他文件，并正确执行任务。
如果我从一开始就运行默认设置，那么concat和uglify运行的非常好，但是如果我对js文件做了任何更改，watch就会简单地忽略它。
这是我的档案：
module.exports = function(grunt) {
// Project configuration.
grunt.initConfig({
pkg: grunt.file.readJSON('package.jso
浏览 3提问于2015-03-27得票数 2
回答已采纳
1回答
我试图同时传输.ts (TYPESCRIPT)和.scss (SASS)文件..。
正在发生的问题有两个：
1)它不会在我的dist目录中生成我的文件，它会在build文件夹中创建一个dist目录。
2) --它正在创建.js和.map文件，而且它没有模仿.css和.ts文件。(为什么它要创建其他文件而不是模仿？)
PACKAGE.JSON
{
"scripts": {
"build": "yarn sass",
"sass": "parcel watch --no-cache ./scss/*.scs
浏览 0提问于2019-02-05得票数 1
我的React项目中有Jest测试，但我还没有覆盖所有的文件。然而，我得到了这些错误： Failed to collect coverage from /home/user/Development/VideoManager/VideoManagerClient/src/components/AppContent/VideoListLayout/VideoListLayout.js
ERROR: Cannot read property 'coverageData' of null
STACK: TypeError: Cannot read property 'cov
浏览 65提问于2019-04-21得票数 1
回答已采纳
我正在尝试在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
3回答
我打开了一个角4项目，我买了html & js模板，我想让它一起工作，所以在我编写的样式下，将其转换成角-cli.json。
"styles": [
"../node_modules/bootstrap/dist/css/bootstrap.css",
"../node_modules/perfect-scrollbar/css/perfect-scrollbar.css",
"./assets/sass/material-dashboard.scss",
浏览 0提问于2017-11-06得票数 1
回答已采纳
1回答
错误:漏掉正球
、、、
每次吞咽到“标记”函数时，上面的消息都会出现。
这是我的吞咽文件：
var gulp = require('gulp'),
autoPrefixer = require('gulp-autoprefixer'),
jade = require('gulp-jade'),
liveReload = require('gulp-livereload'),
sourceMaps = require('gulp-sourcemaps'),
ts = require('gulp
浏览 4提问于2016-06-30得票数 3
回答已采纳
尽管我将node_modules目录排除在tsconfig.json中，并且包含了所有TypeScript文件所在的目录，但我仍然不断地收到这个错误：
{
"compilerOptions": {
"module": "system",
"noImplicitAny": true,
"removeComments": true,
"preserveConstEnums": true,
"sourceMap
浏览 1提问于2017-07-30得票数 1
回答已采纳
在开发模式下，所有工作都很好：
在生产中：
我的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
回答已采纳
我现在在这里：
package.json
{
"dependencies": {
"css-loader": "^0.26.0",
"html-webpack-plugin": "^2.24.1",
"node-sass": "^3.13.0",
"sass-loader": "^4.0.2",
"style-loader": "^0.13.1",
"webpa
浏览 2提问于2016-11-20得票数 0
回答已采纳
1回答
当我试图从另一个模块导入一个函数，然后运行该函数时，我会收到一个错误。我一直在简单的js文件上这样做，但是当我在TS上尝试这个时，它给了我一个错误。TS有不同的方式吗？
index.ts
import 'normalize.css';
import './sass/style.scss';
import * as _ from 'lodash';
import { foo } from './ty';
foo('bad');
ty.ts
const foo = (ok: string): void => {
浏览 3提问于2021-05-20得票数 0
回答已采纳
我正在尝试用导出构建一个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
1回答
在我的Laravel 8/Babel/Mix/ React /TypeScript环境中遇到了一个问题，在这个环境中，一个常规的React类组件正在生成一个编译错误，因为我已经将项目迁移到TypeScript，并开始向该组件传递一个空的道具和简单的状态接口。
我尝试传递空的JSON对象，注释掉各种导入语句，将export default调用移到函数下面，但到目前为止还没有骰子。
编译错误：
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Users/.../MyComponen
浏览 1提问于2021-08-25得票数 3
1回答
我想为我们的生产建设与Webpack产生源地图。我成功地生成了它，但是当我在调试器中的断点上停止时，变量不会被解析：
我做错了什么？当我在调试器的断点上停止时，我如何生成一个源映射，让chrome解析变量？
这是我的webpack配置：
webpack.config.js
const path = require('path');
const ROOT = path.resolve( __dirname, 'src/main/resources/packedbundle' );
const HtmlWebpackPlugin = require(&#
浏览 1提问于2019-04-26得票数 4
我有多个布局，这些布局依赖于一些共享的typescript文件，这就是为什么我想要与使用webpack的多个布局共享这个文件的原因。
我正在尝试在我的ajax.ts中包含jquery，并得到以下错误：
ERROR in ../_shared/ajax.ts
Module not found: Error: Can't resolve 'jquery' in '{...}/layouts/_shared'
_shared/ajax.ts：
import * as $ from 'jquery';
export class AjaxL
浏览 2提问于2017-06-27得票数 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
当我执行npm运行构建时，我得到了以下错误
未找到./src/assets/scss/ (./node_modules/css-loader/dist/cjs.js!./node_modules/resolve-url-loader!./node_modules/sass-loader/dist/cjs.js!./src/assets/scss/theme.scss)模块中的错误:错误:无法解析'D:\Work中的\BBYN\外部\src\资产\scss‘@./src/assets/scss/ (./node_modules/css-loader/dist/cjs.js!./node_
浏览 2提问于2020-05-28得票数 1
我无法将调试器附加到已经运行的NodeJS web应用程序。
以下是我的VSCode启动配置：
"configurations": [
{
"type": "node",
"request": "attach",
"name": "Attach",
"port": 3001
},
我收到以下错误消息：
无法连接到运行时进程(原因:此套接字已被另一方终止)。
现在，
浏览 3提问于2017-10-11得票数 1
我正在用Jest测试一个应用程序；我的应用程序使用Vite作为模块绑定器。问题是，每次我运行测试和jest遇到一个import.meta.ENV_VAR_NAME语句时，我都会得到以下错误："SyntaxError:无法在模块外使用'import.meta‘“
这是我的jest.config.js文件：
module.exports = {
roots: ["<rootDir>/src"],
setupFilesAfterEnv: ["<rootDir>/jest/jest.setup.js"],
collectCover
浏览 4提问于2021-10-18得票数 3
回答已采纳
嗨，我有一个webpack配置，采取多个scss文件，基于一个glob条目和一个主要的类型记录文件。问题是，它将scss文件捆绑在一个css文件中，而我希望它们基于条目是单独的。Webpack肯定看到了来自全球的所有文件。
所生成的文件包含了所有三个文件。我花了好几个小时搜索并试图配置这个文件，它让我抓狂:愤怒：
我所能找到的一切都显示了如何在手动指定输出的同时配置多个输出。或者是用一个不受支持的插件的webpack的旧版本。
下面是我当前的配置：
import * as webpack from "webpack";
import * as path from "
浏览 1提问于2018-08-04得票数 1
回答已采纳
每当运行我的构建时，我都会得到这个错误。
Invalid CSS after "module.exports": expected "{", was '= "data:text/x-scss'
我也尝试过使用普通的JS webpack配置，并得到了同样的错误，所以它不是TypeScript配置。也尝试了提取-文本-webpack插件，但得到了同样的错误。实际的应用程序运行良好，但显然没有CSS。这是配置。
import * as path from 'path';
import * as webpack from '
浏览 0提问于2017-09-13得票数 4
回答已采纳
在编译过程中，我一直在使用与ES5标准不同的东西，这是因为我刚刚开始使用TS，而且我不知道如何将tsconfig.json直接包含在自己的Gulp任务自动编译中。
error TS1056: Accessors are only available when targeting ECMAScript 5 and higher
是否可以将我的tsconfig.json文件属性直接添加到管道中？
电流gulpfile.js
'use strict';
var gulp = require('gulp');
var ts = require('gulp-
浏览 2提问于2017-02-17得票数 1
回答已采纳
我担心这个问题可能太宽泛了，但我希望在我的webpack设置方面得到一些帮助。
我用Angular有一个很大的均值堆栈设置。该解决方案目前在功能上使用的是一个Webpack版本。
到目前为止，我使用的是纯css文件，这些文件在组件声明中由Angular引用，例如：
@Component({
selector: 'something',
templateUrl: 'template',
styleUrls: ['some_component_style.css', 'other.css']
})
然而，我计划在将来将我所
浏览 12提问于2018-07-27得票数 2
回答已采纳
快速传递导入问题：
import style from "../sass/app.scss"
编译工作，在运行时未定义。正确地绑定了TS接口。
import * as style from "../sass/app.scss"
TS2339: Property 'x' does not exist on type
不是在编译时工作，而是在运行时工作。
const styles = require("../sass/app.scss");
工作正常，但我不想不使用CJS导入。
使用webpack的4.41.5版。
devDepen
浏览 5提问于2020-01-30得票数 2
我想懒散地加载一些组件。没有svelte -工具包，只是纯svelte而已。
我想动态导入Svelte组件，并在需要时使用它：
const About = () => import("../Pages/About.svelte");
进口有效。组件显示。但是，在构建时不会生成延迟加载或块文件，也不会有任何延迟获取组件的请求。
所有东西都被捆绑在main.js中，而不是相应地分裂。
以下是我的Rollup配置：
export default {
input: 'src/main.ts',
output: {
sourcemap
浏览 16提问于2022-02-05得票数 0
我正在使用Webpack为使用TypeScript的ReactJS应用程序设置我的开发环境。我想使用的一个插件是ESLintPlugin，它允许我在启动开发服务器后创建一个超文本标记语言格式的类型检查报告。最终，一旦我让它工作，我将把它移到我的webpack生产配置中。
目前，当我运行"npm run dev“时，fork-ts-checker checker plugin plugin会打印控制台类型的错误/警告，但eslint- prints plugin永远不会输出报告。
我的webpack.dev.config.js文件如下：
const path = require('
浏览 8提问于2021-03-08得票数 2
1回答
webpack的鞋带
、、、、
我试图添加引导-css-只是为了反应-样板项目，但我得到错误。如果删除@import行，它就会正常工作。
global-styles.scss
@import '~bootstrap-css-only/css/bootstrap';
@import 'assets/styles/Antd/antd.cleanui';
@import 'assets/styles/CleanUI/cleanui';
@import 'assets/styles/Bootstrap/bootstrap.cleanui';
@import 'a
浏览 1提问于2019-03-30得票数 0
对于我的jest.config.js文件，我从eslint中得到以下奇怪的错误。
1:1 error Rule 'no-empty-label' was removed and replaced by: no-labels no-empty-label
1:1 error Rule 'no-reserved-keys' was removed and replaced by: quote-props no-reserved-keys
1:1 error Rule 'space
浏览 3提问于2020-11-23得票数 0
回答已采纳
2回答
吞咽肝量不起作用
、、、
在安装了下面的gulp软件包后，我遇到了这个奇怪的问题。所有呈现都很好，但是当它到达liveReload()的部分时，它就不会重新加载页面.
我安装了livereload扩展(有必要吗？)，似乎没有什么可配置的.
这是我的吞咽文件：
var gulp = require('gulp'),
autoPrefixer = require('gulp-autoprefixer'),
jade = require('gulp-jade'),
liveReload = require('gulp-livereload'
浏览 4提问于2016-07-01得票数 0
回答已采纳
我的代码有点问题。我试图将babel-加载器添加到我的laravel-mix webpack的配置中，但是我收到了一个错误，告诉我this.setDynamic不是一个函数。
这是我的webapack-mi-.js文件
const {mix} = require('laravel-mix');
const VueLoaderPlugin = require('vue-loader/lib/plugin')
/*
|--------------------------------------------------------------------------
浏览 2提问于2018-10-20得票数 6
2回答
我正在为一个项目使用webpack。它可以很好地编译打字脚本，但是它似乎忽略了sass文件。sass文件存储在项目目录的'./build/sass‘中。
运行webpack时，输出为：
Hash: dc64dbebfd6ff9cb2a38
Version: webpack 1.13.2
Time: 1201ms
Asset Size Chunks Chunk Names
bundle.js 1.7 kB 0 [emitted] app
[0] multi app 28 bytes {0} [built]
+ 1 h
浏览 16提问于2016-09-23得票数 3
和 4.11
webpack --config webpack.config.js
这是我的webpack.config.js
var path = require('path');
var sass = require("./sass/lifeleveler.scss");
module.exports = {
entry: './dist/main.js',
output: {
filename: 'lifeleveler.app.js',
path: path.re
浏览 2提问于2017-02-05得票数 7
回答已采纳
我想要加载svg图像，所以我下载了svg-内联加载器。并使用以下示例进行配置：。在尝试加载svg文件之后，我得到了这个。如果不使用webpack svg -内联加载程序，加载svg文件将给我一个错误。有什么好办法解决的吗？
HTML
<img src="./svg/facebook-square-brands.svg" alt="Facebook"/>
我的Webpack配置file.js
const HtmlWebPackPlugin = require("html-webpack-plugin");
const Mini
浏览 1提问于2019-03-27得票数 6
回答已采纳
我试图用我的webpack.mix.js文件全局导入我的变量文件，但是没有成功。我的别名是通过直接在组件上导入来确认工作的，但是当我尝试使用vue-style-loader在每个vue样式标签上包含它时，它在我的终端中给了我一个大错误。
ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/dist/cjs.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.
浏览 0提问于2019-12-06得票数 1
运行命令"npm run build:prod“时出现错误。
错误：-
You may need an appropriate loader to handle this file type.
(Source code omitted for this binary file)
@ ./~/css-loader!./~/sass-loader!./~/font-awesome-sass-loader/font-awesome-sass-styles.loader.js!./~/font-awesome-sass-loader/font-awesome-sass.config.js 6
浏览 1提问于2018-05-24得票数 0
2回答
我有这个角应用程序，我的所有组件都嵌入了sass样式，我使用.NET核心角默认样板和sass加载程序作为sass编译器。
我怎么才能把背景-url改成64呢？
你有什么建议要用什么装载机吗？
例如：
body.login-page:not(.dashboard-pages) {
background-image: url(/images/atc-crowd.png) <- This one to base64;
background-position: center;
background-repeat: no-repeat;
backgr
浏览 0提问于2018-04-03得票数 3
3回答
使用npm运行应用程序后，我无法将scss文件编译为css。是否有一种方法可以将sass重新加载到css中，就像通过实用程序tsc:w.So将ts编译到js一样，我必须停止构建，然后执行吞食监视或节点-sass命令将scss编译为css，然后再使用npm构建解决方案。我试着用下面的方法，但都没有用。下面是package.json中的代码：
使用咽喉表：
"start": "concurrently \"npm run tsc:w\" \"npm run lite\" \"gulp\" ",
//also trie
浏览 10提问于2016-11-04得票数 1
回答已采纳
我的客户端代码在react原生的.jsx文件中，我正在使用gulp来编译它们。我想转换我的项目开始使用typescript，但一次一个文件。这意味着我需要能够使用gulp编译jsx和ts。
我用的是下面这一口--
/// <binding AfterBuild='default' />
"use strict";
var gulp = require("gulp"),
concat = require("gulp-concat"),
cssmin = require("gulp-cssmin&
浏览 0提问于2017-11-18得票数 1
早上好，我正在试着为一个组件写一个jest测试用例，我得到了这个错误： Cannot find module '@island.is/core' from 'src/components/Header/Header.tsx' 我认为问题在于jest不知道@island.is/core通向何处。我想知道是否有人知道如何让jest知道@island.is/core在哪里？ 我的tsconfig.json "baseUrl": "./src",
"paths": {
"@island
浏览 17提问于2021-07-05得票数 0
回答已采纳
我知道这个问题已经有很多例子了，但是没有一个能解决我在使用Sass的时候遇到的问题。
上下文:我正在使用npm安装material-design-lite，并要求在我的AddReminderView.ts文件中使用它：
require('material-design-lite/dist/material.css');
require('material-design-lite/dist/material.js');
require('../scss/styles.scss');
这是我的webpack配置，非常简单。
const path =
浏览 3提问于2018-07-17得票数 10
回答已采纳
1回答
我有一个bottomNavigation(页脚)正在_app中从nextJS呈现，测试返回错误：“无法找到模块”。如何测试此组件？
错误：
导入‘../ /globals.css’配置错误：
Could not locate module ../styles/globals.css mapped as:
C:\Users\__mocks__\styleMock.js.
Please check your configuration for these entries:
{
"moduleNameMapper": {
浏览 7提问于2022-01-09得票数 0
1回答
在尝试在dev中构建时，以及在向项目中添加一个类型记录文件之后，我一直会遇到这个错误。
Module build failed (from ./node_modules/ts-loader/index.js):
Error: Debug Failure. False expression.
我已经尝试过npm了，我输入了，但是一直都有相同的错误。
package.json
{
"name": "webpack-demo",
"version": "1.0.0",
"license": "MIT&
浏览 0提问于2018-07-10得票数 3
回答已采纳
问题
我编写了一个makefile来将我所有的类型记录文件编译成javascript，但也通过linter (tslint)运行它们。我编写了以下makefile：
#binaries
SASS=./node_modules/node-sass/bin/node-sass
TSC=tsc
TSLINT=tslint
#source dirs
SASS_DIRS=./apps ./lib
TS_DIRS=./apps ./lib ./library
#source files
SASS_SRC ::= $(shell find $(SASS_DIRS) -name '*.scss&
浏览 4提问于2016-08-30得票数 2
回答已采纳
如何为LARAVEL 8重写webpack.config.js和添加SASS
mix.js("resources/js/app.js", "public/js")
.postCss("resources/css/app.css","public/css",[
require("postcss-import"),
require("tailwindcss"),
require("autoprefixer
浏览 0提问于2021-01-31得票数 0
我正在尝试用Laravel5.6安装TypeScript，但是当我试图运行'npm‘时，我出现了错误。这是我的配置，我做错什么了？
webpack.mix.js
let mix = require('laravel-mix');
mix.webpackConfig({
resolve : {
extensions : ['.ts']
},
module : {
rules : [
{
test : /\.ts$/,
浏览 0提问于2018-06-01得票数 3
1回答
我正在构建的角2旅游英雄教程应用程序。我正在编译我的sass来生成css，但是lite服务器不识别这个更改，因此不会刷新浏览器。对.ts文件的更改按预期识别，浏览器刷新。
我的文件夹结构如下：
-app (contains .ts and .sass files)
-public (contains the compiled .js and .css files)
index.html
请看下面的package.json。
{
"name": "angular2-quickstart",
"version": "1.0.0&#
浏览 2提问于2016-01-09得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
