1、vue init webpack moble
2、安装less(vux使用的less)
cnpm install --save-dev css-loader style-loader less-loader less
3、安装extract-text-webpack-plugin 及 html-webpack-plugin
extract-text-webpack-plugin该插件的主要是为了抽离css样式,防止将样式打包在js中引起页面样式加载错乱的现象
cnpm install extract-text-webpack-plugin --save-dev
cnpm install --save-dev html-webpack-plugin
const ExtractTextPlugin = require('extract-text-webpack-plugin');
const HtmlWebpackPlugin = require('html-webpack-plugin')
{
test: /\.less$/,
use: ExtractTextPlugin.extract({
fallback:"style-loader",
use: ['css-loader','sass-loader'],
publicPath: "/dist"
})
},
plugins: [
new HtmlWebpackPlugin(),
new ExtractTextPlugin({
filename: "styles.css",
disable: false,
allChunks: true
}),
]
4、安装vux