vue init webpack myproject
cd myproject npm install
安装lib-flexible:css
npm install lib-flexible --save
在main.js里引入:vue
import 'lib-flexible/flexible'
安装postcss-px2rem:node
npm install postcss-px2rem --save-dev
在webpack.dev.conf.js的plugins里添加代码:webpack
new webpack.LoaderOptionsPlugin({ vue: { postcss: [require('postcss-px2rem')({remUnit: 75})] }, })
remUnit的值可根据设计稿自行修改,通常750的图就设置成75,这样写750px就正好是100%宽度。web
安装依赖:npm
npm install sass-loader node-sass --save-dev
在webpack.base.conf.js的rules里添加代码:sass
{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] }
在.vue文件里:post
<style lang="scss">
这样就能够使用sass了~flex