安裝
npm install iview --save (安裝依賴)
入口文件引入 iview
import Iview from “iview”;
import “ivew/dist/styles/iview.css”
注意:
打包空白需要修改config文件夾下index.js 文件的把assetsPublicPath:"/“改為assetsPublicPath:”./",而且 路由不能配置 mode:“history”,不然打包之后運行會是空白
字體圖標庫報錯問題:修改build文件夾下webpack.prod.conf.js
? ? module: {
? ? ? ? rules: utils.styleLoaders({
? ? ? ? ? sourceMap: config.build.productionSourceMap,
? ? ? ? ? extract: false,
? ? ? ? ? usePostCSS: true
? ? })
build: {
? ? // Template for index.html
? ? index: path.resolve(__dirname, '../dist/index.html'),
? ? // Paths
? ? assetsRoot: path.resolve(__dirname, '../dist'),
? ? assetsSubDirectory: 'static',
? ? assetsPublicPath: './',
? ? /**
? ? * Source Maps
? ? */
? ? productionSourceMap: true,
? ? // https://webpack.js.org/configuration/devtool/#production
? ? devtool: '#source-map',
? ? // Gzip off by default as many popular static hosts such as
? ? // Surge or Netlify already gzip all static assets for you.
? ? // Before setting to `true`, make sure to:
? ? // npm install --save-dev compression-webpack-plugin
? ? productionGzip: false,
? ? productionGzipExtensions: ['js', 'css'],
? ? // Run the build command with an extra argument to
? ? // View the bundle analyzer report after build finishes:
? ? // `npm run build --report`
? ? // Set to `true` or `false` to always turn it on or off
? ? bundleAnalyzerReport: process.env.npm_config_report
? }
}
待續(xù)