muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00
Code Packages Activity Actions

css hashing

Browse source
This commit is contained in:
muerwre 2019-08-25 20:59:10 +07:00
parent 390fa51d0c
commit a1a790e56e
2 changed files with 12 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/components/node/NodePanel/styles.scss
View file

@ -1,5 +1,4 @@
.wrap { .wrap {
// background: $node_title_background;
background: $node_bg; background: $node_bg;
padding: $gap; padding: $gap;
box-sizing: border-box; box-sizing: border-box;
@ -7,9 +6,9 @@
align-items: center; align-items: center;
justify-content: stretch; justify-content: stretch;
border-radius: $radius $radius 0 0; border-radius: $radius $radius 0 0;
//box-shadow: transparentize(white, 0.97) 0 1px, inset transparentize(white, 0.97) 0 1px;
position: relative; position: relative;
margin-top: -$radius; margin-top: -$radius;
z-index: 3;
} }
.title { .title {
@ -49,8 +48,12 @@
& > * { & > * {
margin: 0 $gap; margin: 0 $gap;
&:first-child { margin-left: 0; } &:first-child {
&:last-child { margin-right: 0; } margin-left: 0;
}
&:last-child {
margin-right: 0;
}
} }
//height: 54px; //height: 54px;
//border-radius: $radius $radius 0 0; //border-radius: $radius $radius 0 0;

7
webpack.config.js
View file

@ -16,7 +16,7 @@ const htmlPlugin = new HtmlWebPackPlugin({
const miniCssExractPlugin = new MiniCssExtractPlugin({ const miniCssExractPlugin = new MiniCssExtractPlugin({
filename: '[name].css', filename: '[name].css',
chunkFilename: '[id].css' chunkFilename: '[id].css',
}); });
const isDevelopment = process.env.NODE_ENV !== 'production'; const isDevelopment = process.env.NODE_ENV !== 'production';
@ -54,7 +54,10 @@ module.exports = () => {
{ {
test: /\.less$/, test: /\.less$/,
use: [ use: [
{ loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader }, isDevelopment
? { loader: 'style-loader' }
: { loader: MiniCssExtractPlugin.loader, options: { filename: '[name].[contenthash].css' } },
// { loader: isDevelopment ? 'style-loader' : MiniCssExtractPlugin.loader },
// { loader: 'css-loader' }, // { loader: 'css-loader' },
{ {
loader: 'css-loader', loader: 'css-loader',