我们在HTML中经常需要引入CSS和JS文件,那么如何引入呢?下面我给大家演示一下。
工具/材料Sublime Text
01首先新建一个文件夹,在文件夹下面建立如下图所示的文件
02接下来用Sublime Text打开HTML文件,写入HTML结构,如下图所示
03然后我们在Head标签内用link标签引入CSS文件,如下图所示
04最后用Script标签引入JS文件即可,如下图所示
js 文件不需要安装
js 文件是需要引用到html文件中的链接,在打开html的时候会编译执行
创建js文件:可以通过创建一个txt后缀的文件,然后将txt更改为js即可。
编辑js文件:通用的编辑器都可以对js文件进行编辑,比如:记事本、notepad、sublime 、webstorm 、ultraeditor 等等。
js 是什么? JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型
在页面里引入bootstrap的css和js文件的方法是通过modules的loader加载的。
1、加载js文件:
var path = require('path')
module.exports = {
context: path.resolve('js'),
entry: "./index",
output: {
path: path.resolve('build/js/'),
publicPath: '/public/assets/js/',
filename: "bundle.js"
}
2、加载css文件:
{test: /\.css$/, loaders: 'style-loader!css-loader' , exclude: /node_modules/}
3、完整的写法如图: