devsam/core
3
6
Fork 1
Code Issues 60 Pull Requests Releases 1 Wiki Activity

vue, scss 초기 구성

Browse Source
This commit is contained in:
Hide_D
2021-08-14 05:05:28 +09:00
parent dd52766449
commit 7c2e2c9c59
8 changed files with 104 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
webpack.config.js
+56 -3
View File
@@ -1,4 +1,6 @@
const path = require('path');
const { VueLoaderPlugin } = require('vue-loader');
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = [
{
@@ -17,7 +19,7 @@ module.exports = [
devtool: 'source-map',
module: {
rules: [{
test: /\.(ts|tsx)$/,
test: /\.(ts|tsx)$/i,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
@@ -28,8 +30,33 @@ module.exports = [
]
}
}
}, {
test: /\.vue$/i,
exclude: /(node_modules)/,
use: [
'vue-loader'
]
}, {
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
],
}, {
test: /\.s[ac]ss$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
}]
},
plugins: [
new VueLoaderPlugin(),
new MiniCssExtractPlugin({
filename: '../css/[name].css'
})
]
},
{
name: 'gateway',
@@ -43,11 +70,11 @@ module.exports = [
filename: '[name].js',
path: path.resolve(__dirname, 'js'),
},
mode: 'none',
mode: 'production',
devtool: 'source-map',
module: {
rules: [{
test: /\.(ts|tsx)$/,
test: /\.(ts|tsx)$/i,
exclude: /(node_modules)/,
use: {
loader: 'babel-loader',
@@ -58,7 +85,33 @@ module.exports = [
]
}
}
},
{
test: /\.vue$/i,
exclude: /(node_modules)/,
use: [
{ loader: 'vue-loader' }
]
}, {
test: /\.css$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
],
}, {
test: /\.s[ac]ss$/i,
use: [
MiniCssExtractPlugin.loader,
"css-loader",
"sass-loader",
],
}]
},
plugins: [
new VueLoaderPlugin(),
new MiniCssExtractPlugin({
filename: '../css/[name].css'
}),
]
},
]