linux开发自定义shell
vue之js、css等静态⽂件的引⼊（vue路径篇）
1、如何引⼊如js，css等⽂件？
bootstrap和easyui混合用
⽐如我们想引⼊jQuery⽂件或者依赖
若是已下载好的jQuery⽂件，则这样引⼊。
打开f.js，在relove加⼊这段代码
// 在开头引⼊webpack，后⾯的plugins那⾥需要
var webpack = require('webpack')
// resolve
// 其他代码...jquery下载文件请求
resolve: {
extensions: ['', '.js', '.vue'],
fallback: [path.join(__dirname, '../node_modules')],
alias: {
'src': solve(__dirname, '../src'),
'assets': solve(__dirname, '../src/assets'),
'components': solve(__dirname, '../src/components'),
// webpack 使⽤ jQuery，如果是⾃⾏下载的
// 'jquery': solve(__dirname, '../src/assets/libs/jquery/jquery.min'),
// 如果使⽤NPM安装的jQuery
'jquery': 'jquery'
}
},
// 增加⼀个plugins
plugins: [
new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery"
})
],
// 其他代码...
}
这样⼦就可以正确使⽤jqeury了。
引⼊jQuery后，⽐如我们想要引⼊boostrap，在main.js⽂件开头加⼊
import'./assets/libs/bootstrap/css/bootstrap.min.css'
import'./assets/libs/bootstrap/js/bootstrap.min'powersplitter
也不⼀定是引⼊在main.js⽂件，也可以引⼊到你想要引⽤到的组件中。
小程序开发技术介绍
有⼀点需要注意的是经过尝试，要把js、css⽂件等放在src⽂件夹中。
jQuery⽤依赖来引⼊⽅法：
1、⾸先在pakage.json⾥加⼊
dependencies:{
"jquery" : "*"//*为号为最新版
}
然后在打开这个⽂件夹中的命令⾏ npm install 下载依赖。
2、在f.js⾥加⼊
var webpack = require("webpack")
3、在ports的最后加⼊
plugins: [
new webpack.optimize.CommonsChunkPlugin('common.js'),
new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"
})
]
4、然后重启
npm run dev
5、在main.js 引⼊
linux 删除单个文件夹
import $ from'jquery'
那么，为什么必须要把这些⽂件放在src中呢？

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。