Skip to content

Commit a53c4f3

Browse files
committed
add less config
1 parent dc3a935 commit a53c4f3

File tree

3 files changed

+39
-4
lines changed

3 files changed

+39
-4
lines changed

meta.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -14,6 +14,10 @@ module.exports = {
1414
'author': {
1515
'type': 'string',
1616
'message': 'Author'
17+
},
18+
'less': {
19+
'type': 'confirm',
20+
'message': 'Use Less to write css ?'
1721
}
1822
},
1923
'completeMessage': 'To get started:\n\n {{^inPlace}}cd {{destDirName}}\n {{/inPlace}}npm install\n npm run dev\n\nDocumentation can be found at https://github.com/Plortinus/vue-multiple-pages'

template/package.json

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,6 +28,10 @@
2828
"glob": "^7.1.1",
2929
"html-loader": "^0.4.5",
3030
"html-webpack-plugin": "^2.28.0",
31+
{{#less}}
32+
"less": "^2.7.2",
33+
"less-loader": "^4.0.3",
34+
{{/less}}
3135
"postcss-loader": "^1.3.3",
3236
"style-loader": "^0.16.1",
3337
"url-loader": "^0.5.8",

template/webpack.config.js

Lines changed: 31 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,18 @@ const HtmlWebpackPlugin = require('html-webpack-plugin')
66
const ExtractTextPlugin = require('extract-text-webpack-plugin')
77
const CommonsChunkPlugin = require('webpack/lib/optimize/CommonsChunkPlugin')
88

9+
const extractCSS = new ExtractTextPlugin({
10+
filename: 'assets/css/[name].css',
11+
allChunks: true
12+
})
13+
14+
{{#less}}
15+
const extractLESS = new ExtractTextPlugin({
16+
filename: 'assets/css/[name].css',
17+
allChunks: true
18+
})
19+
{{/less}}
20+
921
const entries = {}
1022
const chunks = []
1123
glob.sync('./src/pages/**/app.js').forEach(path => {
@@ -40,6 +52,12 @@ const config = {
4052
use: 'css-loader',
4153
fallback: 'style-loader'
4254
}),
55+
{{#less}}
56+
less: ExtractTextPlugin.extract({
57+
use: ['css-loader', 'postcss-loader', 'less-loader'],
58+
fallback: 'style-loader'
59+
}),
60+
{{/less}}
4361
postcss: ExtractTextPlugin.extract({
4462
use: ['css-loader', 'postcss-loader'],
4563
fallback: 'style-loader'
@@ -59,6 +77,15 @@ const config = {
5977
fallback: 'style-loader'
6078
})
6179
},
80+
{{#less}}
81+
{
82+
test: /\.less$/,
83+
use: ExtractTextPlugin.extract({
84+
use: ['css-loader', 'postcss-loader', 'less-loader'],
85+
fallback: 'style-loader'
86+
})
87+
},
88+
{{/less}}
6289
{
6390
test: /\.html$/,
6491
use: [{
@@ -88,10 +115,10 @@ const config = {
88115
chunks: chunks,
89116
minChunks: chunks.length
90117
}),
91-
new ExtractTextPlugin({
92-
filename: 'assets/css/[name].css',
93-
allChunks: true
94-
})
118+
{{#less}}
119+
extractLESS,
120+
{{/less}}
121+
extractCSS
95122
],
96123
devServer: {
97124
host: '127.0.0.1',

0 commit comments

Comments
 (0)