文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在typescript文件中请求/导入.less文件

问如何在typescript文件中请求/导入.less文件
EN

Stack Overflow用户

提问于 2017-05-19 16:18:40

回答 2查看 8.3K关注 0票数 3

我正在尝试导入

文件位于

但是我不能这样做。我使用webpack2作为捆绑器和webstorm集成开发环境

以下是webpack.config.js文件中较少加载器的代码片段

{
  test: /\.less$/,      //less loader
  loader: ExtractTextPlugin.extract({
    fallbackLoader: 'style-loader',
    //loader: 'css-loader!less-loader'
    loader: 'raw-loader!less-loader'
  })
}, {
  test: /\.ts$/,    //typescript loader
  //include: path.resolve(__dirname, "ts-src"),
  include: path.resolve(__dirname, "js"),
  loader: "ts-loader"
}
//rest of code
resolve: {
  extensions: [".webpack.js", ".web.js", ".ts", ".tsx", ".js", ".css", ".less"],
}

中提到的

链接

我尝试创建一个global.d.ts文件，但没有成功

我也试着

中的文件

但在这种情况下，我没有看到任何需要更少文件的选项。我的问题是如何加载

typescript文件中的文件

[

webpack-2

typescript

less

回答 2

Stack Overflow用户

发布于 2017-05-19 17:22:02

尽管我找不到如何包含

在

文件，但我找到了一种解决方法，即创建一个javascript文件并在其中导入较少的内容。

import.js

import "./../styles/main.less";

我已经创建了一个配置文件来解析要在中使用的路径

entryConfig.js

module.exports={
    // rest of code
    style:'./js/import.js'
}

在webpack.config.js中

entry: {
  //rest of code
  style: entryConfig.style
},

//rest of code

new webpack.optimize.CommonsChunkPlugin({
    name: 'common',
    filename: 'common-[hash].js',
    chunk: ['common', 'home','style']
})

where字符串

与entry对象中的键名称相同

票数 0

Stack Overflow用户

发布于 2017-12-08 00:55:12

如果您的style.less文件位于项目的根目录下，则可以按如下方式使用它。

import "style.less";

webpack.config.js应该正确配置样式加载器和较少加载器，如

这里

我是这样的：

module: {
   rules: [
      ...
      { test: /\.less$/i, use: ['style-loader', 'css-loader', 'less-loader'], issuer: /\.[tj]s$/i},
      { test: /\.less$/i, use: ['css-loader', 'less-loader'], issuer: /\.html?$/i },
   ]
}

我有两个，一个用于ts/js文件中的导入，另一个用于html模板中的要求

票数 -1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44064890

复制

相似问题

问如何在typescript文件中请求/导入.less文件
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在typescript文件中请求/导入.less文件EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在typescript文件中请求/导入.less文件
EN