vue 中引入vux

1:在项目中安装vux  和 vux-loader   npm install vux --save   npm install vux-loader --save

2:在webpack.base.config.js 中进行配置 

const vuxLoader = require(‘vux-loader’)

const webpackConfig = {.....}

module.exports = vuxLoader.merge(webpackConfig,{

plugins:['vux-ui']

)  

 

注:一般单个 loader 使用loader 来配置,用use 默认认为是数组,升级到vux-loader @1.1.2 或者直接改成 loader:‘json-loader’

例:{

test: /\.json$/,
use: 'json-loader'
}, 这里写use 就是不正确的  

可以改成

{

test: /\.json$/,
loader:'json-loader'
},

 

 

npm install vux --save

转载于:https://www.cnblogs.com/zy-review/p/7151938.html

Vue2 中引入 Vux 插件不需要使用 Webpack,因为 Vux 提供了一个轻量级的脚手架工具,名为 `vux-loader`。以下是详细的安装和引入步骤: **步骤1:全局安装Vuxvux-loader** 在命令行中运行: ```bash npm install vux@latest vux-loader --save ``` 或者使用 yarn 安装: ```bash yarn add vux@latest vux-loader ``` **步骤2:创建`vux.config.js`配置文件(如果不存在)** 在根目录下创建一个名为 `vux.config.js` 的文件,内容如下,这里假设你使用默认配置: ```javascript module.exports = { // Vux默认配置,你可以在此添加自定义配置 // 如需修改主题、组件路径等,请查看文档 chainWebpack: config => {}, }; ``` 如果需要自定义配置,可以修改 `chainWebpack` 属性。 **步骤3:在`main.js`或`entry.js`中引入和配置VuxLoader** 在项目的入口文件(通常是 `main.js` 或者你选择的 entry point),添加以下代码: ```javascript import Vue from 'vue'; import App from './App.vue'; import Vux from 'vux'; import VuxLoader from 'vux-loader'; // 加载配置 const vuxConfig = require('./vux.config.js'); // 初始化VuxLoader Vux.use(VuxLoader, vuxConfig); // 创建应用实例 new Vue({ render: h => h(App), }).$mount('#app'); ``` 这会将 Vux 的所有组件和样式自动注入到 Vue 实例中。 **注意事项:** - 确保你的项目有一个 `index.html` 文件,其中包含 `<div id="app"></div>` 用于挂载 Vue 应用。 - 如果你已经在项目中使用了其他 CSS 预处理器(如 SCSS),记得在 `main.js` 中添加对应的处理程序。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值