less uses webpack resolve aliases

This commit is contained in:
NikolaBorislavovHristov 2019-09-15 08:27:57 +03:00
parent 1c61d94f0a
commit b9d84ff10d
5 changed files with 9 additions and 14 deletions

View file

@ -1,8 +1,8 @@
@import (inline, once, css) 'stremio-colors/css/stremio-colors.css';
@import (reference) 'common/screen-sizes.less';
@import (inline, once, css) '~stremio-colors/css/stremio-colors.css';
@import (reference) '~stremio/common/screen-sizes.less';
:global {
@import (once, less) 'router/styles.css';
@import (once, less) '~stremio-router/styles.css';
}
@font-face {

View file

@ -1,10 +1,10 @@
@import (reference) 'common/screen-sizes.less';
@import (reference) '~stremio/common/screen-sizes.less';
:import('./BoardRow/styles.less') {
:import('~stremio/common/MetaRow/styles.less') {
meta-item: meta-item;
}
:import('./BoardRowPlaceholder/styles.less') {
:import('~stremio/common/MetaRowPlaceholder/styles.less') {
meta-item-placeholder: meta-item;
}

View file

@ -1,4 +1,4 @@
@import (reference) 'common/screen-sizes.less';
@import (reference) '~stremio/common/screen-sizes.less';
.discover-container {
display: flex;

View file

@ -1,4 +1,4 @@
@import (reference) 'common/screen-sizes.less';
@import (reference) '~stremio/common/screen-sizes.less';
.library-container {
display: flex;

View file

@ -5,7 +5,6 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const CopyWebpackPlugin = require('copy-webpack-plugin');
const TerserPlugin = require('terser-webpack-plugin');
const { getLocalIdent } = require('css-loader/dist/utils');
module.exports = {
entry: './src/index.js',
@ -87,11 +86,7 @@ module.exports = {
loader: 'less-loader',
options: {
strictMath: true,
noIeCompat: true,
paths: [
path.resolve(__dirname, 'src'),
path.resolve(__dirname, 'node_modules')
]
noIeCompat: true
}
}
]